322 lines
12 KiB
TypeScript
322 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Clock, Coffee, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Prodotto",
|
|
id: "/product",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Contatti",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="NeckFlow™"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="The blocked neck every evening is not normal. And you don't have to accept it."
|
|
description="Discover a new way to enjoy 10 minutes of care. NeckFlow™ is your daily wellness accessory designed for ultimate muscle relaxation."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/minimalist-premium-wellness-scene-with-a-1774817866864-15ce4f42.png",
|
|
imageAlt: "Wellness 1",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/minimalist-premium-wellness-scene-with-a-1774817866864-15ce4f42.png",
|
|
imageAlt: "Wellness 2",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/minimalist-premium-wellness-scene-with-a-1774817866864-15ce4f42.png",
|
|
imageAlt: "Wellness 3",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/minimalist-premium-wellness-scene-with-a-1774817866864-15ce4f42.png",
|
|
imageAlt: "Wellness 4",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/minimalist-premium-wellness-scene-with-a-1774817866864-15ce4f42.png",
|
|
imageAlt: "Wellness 5",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/minimalist-premium-wellness-scene-with-a-1774817866864-15ce4f42.png",
|
|
imageAlt: "Wellness 6",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/neckflow-ems-massager-studio-shot-premiu-1774817867244-0be2e84f.png",
|
|
imageAlt: "Product 1",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/neckflow-ems-massager-studio-shot-premiu-1774817867244-0be2e84f.png",
|
|
imageAlt: "Product 2",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/neckflow-ems-massager-studio-shot-premiu-1774817867244-0be2e84f.png",
|
|
imageAlt: "Product 3",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/neckflow-ems-massager-studio-shot-premiu-1774817867244-0be2e84f.png",
|
|
imageAlt: "Product 4",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/neckflow-ems-massager-studio-shot-premiu-1774817867244-0be2e84f.png",
|
|
imageAlt: "Product 5",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/neckflow-ems-massager-studio-shot-premiu-1774817867244-0be2e84f.png",
|
|
imageAlt: "Product 6",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Try NeckFlow™ — €39,90 →",
|
|
href: "/product",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/portrait-of-a-happy-relaxed-professional-1774817866929-a6132465.png",
|
|
alt: "User 1",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/portrait-of-a-smiling-young-woman-bright-1774817866876-afa32da4.png",
|
|
alt: "User 2",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/relaxed-middle-aged-man-smiling-casual-l-1774817866652-cb796fda.png",
|
|
alt: "User 3",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/smiling-woman-holding-a-book-soft-warm-l-1774817867755-f92491a3.png",
|
|
alt: "User 4",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/portrait-of-a-happy-relaxed-professional-1774817866929-a6132465.png",
|
|
alt: "User 5",
|
|
},
|
|
]}
|
|
avatarText="Trusted by 143+ happy users"
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Muscle Relaxation",
|
|
description: "Perfect after a long day at the desk.",
|
|
items: [
|
|
{
|
|
icon: Zap,
|
|
text: "EMS Technology",
|
|
},
|
|
{
|
|
icon: Clock,
|
|
text: "10 min usage",
|
|
},
|
|
{
|
|
icon: Coffee,
|
|
text: "Pure relaxation",
|
|
},
|
|
],
|
|
reverse: false,
|
|
media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/neckflow-ems-massager-studio-shot-premiu-1774817867244-0be2e84f.png",
|
|
imageAlt: "EMS",
|
|
},
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/minimalist-premium-wellness-scene-with-a-1774817866864-15ce4f42.png",
|
|
imageAlt: "Minimalist premium wellness scene with a person enjoying a neck massager at home. Bright, airy, soft",
|
|
},
|
|
]}
|
|
title="Your Daily Wellness Routine"
|
|
description="NeckFlow™ is not a medical device. It is a premium accessory for your personal care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Giulia R.",
|
|
role: "Designer",
|
|
testimonial: "NeckFlow changed my evening routine completely. So relaxing!",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/portrait-of-a-happy-relaxed-professional-1774817866929-a6132465.png",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marco P.",
|
|
role: "Manager",
|
|
testimonial: "Easy to use and feels premium. A must-have accessory.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/portrait-of-a-smiling-young-woman-bright-1774817866876-afa32da4.png",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sara B.",
|
|
role: "Student",
|
|
testimonial: "The wireless remote is a game changer for my relaxation.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/relaxed-middle-aged-man-smiling-casual-l-1774817866652-cb796fda.png",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Luca M.",
|
|
role: "Developer",
|
|
testimonial: "Simply wonderful. 10 minutes of care is now my favorite habit.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/smiling-woman-holding-a-book-soft-warm-l-1774817867755-f92491a3.png",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Elena V.",
|
|
role: "Writer",
|
|
testimonial: "A true savior for my neck after long hours at the laptop.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTCLYC6CXYtEop4mMuFQCu0tE/portrait-of-a-happy-relaxed-professional-1774817866929-a6132465.png",
|
|
},
|
|
]}
|
|
title="What 143 verified customers say"
|
|
description="4.9★ rating on customer wellness experiences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Domande Frequenti"
|
|
description="Tutto quello che devi sapere sul tuo nuovo alleato per il relax."
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Come funziona NeckFlow™?",
|
|
content: "NeckFlow™ utilizza impulsi EMS a bassa frequenza per stimolare i muscoli e alleviare la tensione in soli 10 minuti.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "È un dispositivo medico?",
|
|
content: "No, NeckFlow™ è un accessorio lifestyle per il benessere quotidiano e non sostituisce pareri medici professionali.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Quanto dura una carica?",
|
|
content: "La batteria garantisce fino a una settimana di utilizzi quotidiani con una singola ricarica via USB.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "Posso usarlo ovunque?",
|
|
content: "Grazie al suo design leggero e wireless, puoi usarlo a casa, in ufficio o in viaggio.",
|
|
},
|
|
{
|
|
id: "q5",
|
|
title: "È adatto a tutti?",
|
|
content: "È perfetto per chiunque cerchi un momento di decompressione dopo una giornata intensa di lavoro o studio.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Offerta Limitata"
|
|
title="Pronto per il tuo momento di relax?"
|
|
description="Unisciti alle centinaia di persone che hanno già migliorato la propria routine serale. Approfitta del 30% di sconto."
|
|
buttons={[
|
|
{
|
|
text: "Acquista ora con lo sconto",
|
|
href: "/product",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{
|
|
label: "Product",
|
|
href: "/product",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "/privacy",
|
|
},
|
|
{
|
|
label: "Terms",
|
|
href: "/terms",
|
|
},
|
|
{
|
|
label: "Returns",
|
|
href: "/returns",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="NeckFlow™ is not a medical device."
|
|
bottomRightText="© 2024 NeckFlow"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|