swedish-website-magic / index.html
Alexander1337's picture
https://calendly.com/alexander-pt-adolfsson/new-meeting
9461620 verified
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alexander Adolfsson | PT & Kostrådgivning</title>
<link rel="stylesheet" href="style.css">
<script src="components/header.js"></script>
<script src="components/hero.js"></script>
<script src="components/about.js"></script>
<script src="components/services.js"></script>
<script src="components/pricing.js"></script>
<script src="components/footer.js"></script>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<style>
html { scroll-behavior: smooth; }
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.pulse { animation: pulse 1.5s infinite; }
</style>
</head>
<body class="bg-neutral-950 text-white font-sans">
<custom-header></custom-header>
<hero-component></hero-component>
<about-component></about-component>
<services-component></services-component>
<pricing-component></pricing-component>
<footer-component></footer-component>
<!-- STICKY MOBILKNAPP -->
<div class="fixed bottom-4 left-1/2 transform -translate-x-1/2 sm:hidden z-50 w-11/12 pulse">
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" target="_blank"
class="block bg-emerald-400 text-black text-center py-4 rounded-full font-bold text-lg shadow-lg hover:bg-emerald-300 transition">
Börja nu
</a>
</div>
<!-- Stripe -->
<script async src="https://js.stripe.com/v3/buy-button.js"></script>
<script src="script.js"></script>
</body>
</html>