171 lines
7.9 KiB
TypeScript
171 lines
7.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Features", id: "#features" },
|
|
{ name: "Menu", id: "#products" },
|
|
{ name: "Community", id: "#testimonials" },
|
|
]}
|
|
brandName="YumFeel"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Nourish Your Body, Feel Your Best"
|
|
description="YumFeel brings the science of healthy, mindful eating directly to your kitchen. Discover personalized recipes and track your culinary wellness journey."
|
|
buttons={[
|
|
{ text: "Get Started", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-salad-bowl-with-orange_23-2148538616.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Mindful Culinary Wellness"
|
|
description="We believe that food should be both delicious and restorative. Our platform connects you with the ingredients and knowledge to live a vibrant, healthy life."
|
|
bulletPoints={[
|
|
{ title: "Personalized Nutrition", description: "Tailored plans that match your unique lifestyle." },
|
|
{ title: "Fresh & Sustainable", description: "Sourced with care for you and the planet." },
|
|
{ title: "Expert Guidance", description: "Culinary insights from world-class nutritionists." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-getting-groceries-out-bag_23-2148454485.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "Real-time Tracking", descriptions: ["Monitor your nutrients with ease."], imageSrc: "http://img.b2bpic.net/free-photo/image-beautiful-sportswoman-sitting-kitchen-with-smartphone-offering-you-apple-eating_1258-197029.jpg" },
|
|
{ id: "f2", title: "Smart Planning", descriptions: ["Weekly meal plans optimized for your goals."], imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-side-view_23-2149622938.jpg" },
|
|
{ id: "f3", title: "Global Community", descriptions: ["Share recipes and inspiration."], imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-say-hello-smartphone-wave-mobile-phone-while-doing-meditation-online_1258-198603.jpg" },
|
|
]}
|
|
title="Designed for Your Daily Rhythm"
|
|
description="Powerful features that make healthy choices the easiest ones to make."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "Green Wellness Bowl", price: "$15", variant: "Small", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DWbsDM7ERtYRNB9kXEwewPU8Wo/uploaded-1778401323068-pzwwqzuw.png?_wi=1" },
|
|
{ id: "p2", name: "Protein Power Kit", price: "$25", variant: "Large", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DWbsDM7ERtYRNB9kXEwewPU8Wo/uploaded-1778401323068-pzwwqzuw.png?_wi=2" },
|
|
{ id: "p3", name: "Morning Energy Pack", price: "$12", variant: "Small", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DWbsDM7ERtYRNB9kXEwewPU8Wo/uploaded-1778401323068-pzwwqzuw.png?_wi=3" },
|
|
{ id: "p4", name: "Evening Calm Bowl", price: "$18", variant: "Medium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DWbsDM7ERtYRNB9kXEwewPU8Wo/uploaded-1778401323068-pzwwqzuw.png?_wi=4" },
|
|
]}
|
|
title="Signature Culinary Kits"
|
|
description="Hand-picked ingredients for your healthy living goals."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Driving Real Change"
|
|
tag="Our Impact"
|
|
metrics={[
|
|
{ id: "m1", value: "50k+", description: "Happy Users" },
|
|
{ id: "m2", value: "200k", description: "Meals Prepared" },
|
|
{ id: "m3", value: "95%", description: "User Satisfaction" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Miller", role: "Designer", company: "Creative Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-cutlery-high-angle_23-2149606393.jpg" },
|
|
{ id: "2", name: "Mark Davis", role: "Engineer", company: "Tech Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothes-diet-eating-fresh_1258-105805.jpg" },
|
|
{ id: "3", name: "Jessica Lee", role: "Teacher", company: "Educate Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
|
|
]}
|
|
kpiItems={[
|
|
{ value: "4.9/5", label: "Avg. Rating" },
|
|
{ value: "12k", label: "Reviews" },
|
|
{ value: "90%", label: "Retention" },
|
|
]}
|
|
title="Hear from Our Community"
|
|
description="Join thousands of people changing their relationship with food."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Is YumFeel for everyone?", content: "Absolutely! We cater to all dietary needs and goals." },
|
|
{ id: "q2", title: "Do I need special tools?", content: "Just a standard kitchen is all you need." },
|
|
{ id: "q3", title: "How do I start?", content: "Simply sign up through our contact form below." },
|
|
]}
|
|
sideTitle="Still Have Questions?"
|
|
sideDescription="Check our frequently asked questions for quick answers."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Get Started"
|
|
title="Join the YumFeel Journey"
|
|
description="Sign up for early access and the latest culinary tips."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="YumFeel"
|
|
copyrightText="© 2025 YumFeel | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|