Merge version_1 into main #1
149
src/app/page.tsx
149
src/app/page.tsx
@@ -16,27 +16,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "packages",
|
||||
},
|
||||
name: "Packages", id: "packages"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="NutriConnect"
|
||||
/>
|
||||
@@ -45,23 +44,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Nutrition Plans Built For You"
|
||||
description="Unlock your potential with personalized nutrition strategies. From simple meal prep to premium coaching, we connect you to better health."
|
||||
kpis={[
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "5k+", label: "Happy Clients"},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Expert Coaches",
|
||||
},
|
||||
value: "12+", label: "Expert Coaches"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Success Rate",
|
||||
},
|
||||
value: "95%", label: "Success Rate"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmYj3SY2XQznCjBor5ERG3BlV/a-high-quality-professional-photograph-o-1774674464845-a18994c8.png"
|
||||
@@ -85,52 +77,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Ideal for those starting their healthy journey.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Personalized meal plans",
|
||||
"Weekly email updates",
|
||||
"Mobile app access",
|
||||
],
|
||||
id: "basic", tag: "Starter", price: "$99", period: "/mo", description: "Ideal for those starting their healthy journey.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Personalized meal plans", "Weekly email updates", "Mobile app access"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Popular",
|
||||
price: "$199",
|
||||
period: "/mo",
|
||||
description: "Perfect for individuals seeking consistent results.",
|
||||
button: {
|
||||
text: "Choose Standard",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"1-on-1 coach check-ins",
|
||||
"Customized macro tracking",
|
||||
"Shopping list generation",
|
||||
],
|
||||
id: "standard", tag: "Popular", price: "$199", period: "/mo", description: "Perfect for individuals seeking consistent results.", button: {
|
||||
text: "Choose Standard"},
|
||||
featuresTitle: "Everything in Basic, plus:", features: [
|
||||
"1-on-1 coach check-ins", "Customized macro tracking", "Shopping list generation"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Pro",
|
||||
price: "$349",
|
||||
period: "/mo",
|
||||
description: "Our comprehensive coaching experience.",
|
||||
button: {
|
||||
text: "Go Premium",
|
||||
},
|
||||
featuresTitle: "Everything in Standard, plus:",
|
||||
features: [
|
||||
"Daily chat support",
|
||||
"Customized workout integration",
|
||||
"Priority 24/7 access",
|
||||
],
|
||||
id: "premium", tag: "Pro", price: "$349", period: "/mo", description: "Our comprehensive coaching experience.", button: {
|
||||
text: "Go Premium"},
|
||||
featuresTitle: "Everything in Standard, plus:", features: [
|
||||
"Daily chat support", "Customized workout integration", "Priority 24/7 access"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Nutrition Plan"
|
||||
@@ -146,25 +108,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg", alt: "Sarah Miller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-african-american-woman-smiles-happily-laughs-funny-joke-wears-yellow-clothes-closes-eyes-with-pleasure-isolated-pink-wall-people-emotions-face-expressions-concept_273609-42553.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-african-american-woman-smiles-happily-laughs-funny-joke-wears-yellow-clothes-closes-eyes-with-pleasure-isolated-pink-wall-people-emotions-face-expressions-concept_273609-42553.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13209.jpg",
|
||||
alt: "Emily Smith",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13209.jpg", alt: "Emily Smith"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-mock-up-sign-vegetables_23-2148332185.jpg",
|
||||
alt: "David Brown",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-mock-up-sign-vegetables_23-2148332185.jpg", alt: "David Brown"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg",
|
||||
alt: "Alex Thompson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-casual-summer-style-modern-park-street_285396-11117.jpg", alt: "Alex Thompson"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -177,20 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need special equipment?",
|
||||
content: "No, our plans are designed to fit your existing lifestyle and kitchen.",
|
||||
},
|
||||
id: "1", title: "Do I need special equipment?", content: "No, our plans are designed to fit your existing lifestyle and kitchen."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I cancel my plan anytime?",
|
||||
content: "Yes, our subscriptions are flexible and can be canceled at any time from your dashboard.",
|
||||
},
|
||||
id: "2", title: "Can I cancel my plan anytime?", content: "Yes, our subscriptions are flexible and can be canceled at any time from your dashboard."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the coaching 1-on-1?",
|
||||
content: "Our Standard and Premium plans feature direct, 1-on-1 access to your dedicated coach.",
|
||||
},
|
||||
id: "3", title: "Is the coaching 1-on-1?", content: "Our Standard and Premium plans feature direct, 1-on-1 access to your dedicated coach."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our nutrition programs? Find answers here."
|
||||
@@ -203,29 +146,19 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYmYj3SY2XQznCjBor5ERG3BlV/a-clean-modern-brand-logo-for-nutriconne-1774674464351-ffffbb24.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user