322 lines
18 KiB
TypeScript
322 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Activity, Box, Crown, Home, Laptop, Leaf, ListChecks, Scale, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Plans", id: "#plans"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Blog", id: "#blog"},
|
|
{
|
|
name: "Reference", id: "/reference"},
|
|
]}
|
|
brandName="DIETANCE"
|
|
button={{
|
|
text: "Book Consultation", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain"}}
|
|
imagePosition="right"
|
|
title="Transform Your Health With Expert Nutrition Guidance"
|
|
description="Dr Shubhangi Sharma delivers personalized diet consultations combining clinical expertise with modern 3D health visualization. Achieve sustainable wellness through science-backed strategies tailored to your lifestyle."
|
|
buttons={[
|
|
{
|
|
text: "Book Your Consultation Today", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-using-tablet-with-summer-fruit-flat-lay_53876-133986.jpg"
|
|
imageAlt="Dr. Shubhangi Sharma consulting a client with 3D health visualization"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/i-choose-you_329181-695.jpg", alt: "Happy client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-outdoors_23-2147956325.jpg", alt: "Happy client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/funny-young-adult-smiling-with-satisfaction_179666-2018.jpg", alt: "Happy client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-emotiojnal-young-man-suit-poiting-with-two-finger-you_171337-9568.jpg", alt: "Happy client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-business-woman-holding-hand-pocket_23-2148095771.jpg", alt: "Happy client 5"},
|
|
]}
|
|
avatarText="Trusted by over 1000+ clients"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Personalized Plans", icon: ListChecks,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Online Consultations", icon: Laptop,
|
|
},
|
|
{
|
|
type: "text-icon", text: "3D Health Visualization", icon: Box,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Family Wellness", icon: Home,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Evidence-Based Nutrition", icon: Scale,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Dr. Sharma"
|
|
title="Your Journey to Sustainable Wellness Starts Here"
|
|
description="Dr. Shubhangi Sharma is a highly qualified and experienced dietitian, committed to empowering individuals to achieve their health goals. With a clinical background and a passion for personalized care, she translates complex nutritional science into actionable, easy-to-follow plans."
|
|
subdescription="Specializing in evidence-based strategies, Dr. Sharma utilizes innovative 3D health visualization tools to provide a deeper understanding of your body and progress, ensuring a truly tailored and effective journey towards lasting well-being."
|
|
icon={Activity}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-person-holding-fast-food-burger_23-2151004504.jpg"
|
|
imageAlt="Dr. Shubhangi Sharma, a professional dietitian smiling"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Customized Diet Plans", description: "Receive a science-backed nutrition plan tailored specifically to your body, goals, and dietary preferences, with detailed meal suggestions.", imageSrc: "http://img.b2bpic.net/free-photo/meal-planning-notepad-food-arrangement_23-2149099847.jpg", imageAlt: "Personalized diet plan document with healthy food"},
|
|
{
|
|
title: "Convenient Online Consultations", description: "Access expert guidance from anywhere with flexible online video consultations, making it easy to integrate wellness into your busy schedule.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-young-girl-vlogger-showing-her-breakfast-camera-recording-vlog-her-bedroom_1258-254201.jpg", imageAlt: "Woman on a laptop during an online diet consultation"},
|
|
{
|
|
title: "Family Wellness Programs", description: "Empower your entire family with healthy eating habits. Our programs provide guidance for children and adults, fostering a foundation for lifelong wellness.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-roommates-indoors_23-2148903543.jpg", imageAlt: "Family eating healthy together at a kitchen table"},
|
|
]}
|
|
title="Personalized Nutrition Services for Every Lifestyle"
|
|
description="From busy professionals to growing families, we offer comprehensive and flexible diet consultation services designed to fit your unique needs and help you thrive."
|
|
tag="Our Expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{
|
|
id: "dr-shubhangi", name: "Dr. Shubhangi Sharma", role: "Founder & Lead Dietitian", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-doctor-praying-yellow-background-human-covid-medic-pandemic_179666-11786.jpg", imageAlt: "Portrait of Dr. Shubhangi Sharma"},
|
|
]}
|
|
title="Dr. Shubhangi Sharma: Your Dedicated Nutrition Expert"
|
|
description="Dr. Sharma combines advanced clinical knowledge with a compassionate approach, guiding clients toward holistic health through personalized, evidence-based nutrition."
|
|
tag="Meet Our Founder"
|
|
/>
|
|
</div>
|
|
|
|
<div id="plans" data-section="plans">
|
|
<PricingCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic-plan", badge: "Start", badgeIcon: Leaf,
|
|
price: "₹4,999", subtitle: "Single Consultation", features: [
|
|
"1 Initial Assessment", "Personalized Diet Plan (1-month)", "Basic Progress Tracking", "Email Support"],
|
|
},
|
|
{
|
|
id: "pro-plan", badge: "Popular", badgeIcon: Sparkles,
|
|
price: "₹12,999", subtitle: "3-Month Transformation", features: [
|
|
"Initial + 2 Follow-ups", "Advanced Diet Plan (3-months)", "Detailed 3D Progress Report", "WhatsApp Support"],
|
|
},
|
|
{
|
|
id: "premium-plan", badge: "Best Value", badgeIcon: Crown,
|
|
price: "₹19,999", subtitle: "6-Month Wellness Journey", features: [
|
|
"Initial + 5 Follow-ups", "Comprehensive Diet Plan (6-months)", "Holistic 3D Health Monitoring", "Priority WhatsApp & Call Support"],
|
|
},
|
|
]}
|
|
title="Flexible Consultation Plans"
|
|
description="Choose the plan that best fits your health journey and receive dedicated support every step of the way."
|
|
tag="Investment in Health"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Dr. Sharma's approach transformed my understanding of nutrition. Her personalized plan was easy to follow, and the 3D visualization helped me stay motivated. I've achieved results I never thought possible!"
|
|
rating={5}
|
|
author="Priya S. (Corporate Professional)"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bearded-man-enjoying-last-rumors-yellow_179666-1437.jpg", alt: "Avatar of a happy male client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg", alt: "Avatar of a happy female client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", alt: "Avatar of a happy older male client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-kitchen-holds-leek-her-hands_169016-23772.jpg", alt: "Avatar of a happy young female client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg", alt: "Avatar of a confident client"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How do personalized diet plans work?", content: "Our personalized diet plans begin with a thorough assessment of your health, lifestyle, and goals. Dr. Sharma then designs a custom plan, often incorporating 3D visualization, to ensure it's effective and sustainable for you."},
|
|
{
|
|
id: "faq-2", title: "Are online consultations effective?", content: "Yes, online consultations are highly effective and convenient. They offer the same personalized guidance as in-person sessions, allowing you to connect with Dr. Sharma from the comfort of your home or office."},
|
|
{
|
|
id: "faq-3", title: "What is 3D health visualization?", content: "3D health visualization is an innovative tool used to provide a detailed, interactive view of your body composition and progress. It helps you understand your health metrics visually and motivates you on your wellness journey."},
|
|
{
|
|
id: "faq-4", title: "How do I book a consultation?", content: "You can easily book a consultation by clicking on the 'Book Your Consultation Today' button. You'll be directed to our secure booking page where you can select a plan and schedule your session."},
|
|
{
|
|
id: "faq-5", title: "Do you offer family nutrition guidance?", content: "Absolutely. We provide tailored family wellness programs designed to help every member of your household develop healthy eating habits and enjoy a balanced lifestyle together."},
|
|
{
|
|
id: "faq-6", title: "What if I have specific dietary restrictions?", content: "Dr. Sharma specializes in creating plans that accommodate various dietary restrictions, allergies, and preferences. Your plan will be uniquely crafted to ensure both nutritional adequacy and enjoyment."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common queries about our services, consultations, and personalized diet plans."
|
|
tag="Got Questions?"
|
|
faqsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Latest in Health & Nutrition"
|
|
description="Stay informed with expert articles, healthy recipes, and tips from Dr. Shubhangi Sharma to support your wellness journey."
|
|
tag="Insights & Resources"
|
|
blogs={[
|
|
{
|
|
id: "blog-1", category: "Healthy Eating", title: "5 Easy Steps to a Balanced Breakfast", excerpt: "Discover simple yet powerful ways to kickstart your day with nutritious and delicious breakfast options.", imageSrc: "http://img.b2bpic.net/free-photo/kiwifruit-banana-creativity-wood-dry-fruit_1252-639.jpg", imageAlt: "Healthy breakfast bowl with berries and oats", authorName: "Dr. Shubhangi Sharma", authorAvatar: "http://img.b2bpic.net/free-photo/doctor-with-hands-pocket-looking-camera_23-2148285727.jpg", date: "July 15, 2024"},
|
|
{
|
|
id: "blog-2", category: "Lifestyle", title: "Integrating Mindfulness into Your Diet", excerpt: "Learn how mindful eating can transform your relationship with food and contribute to overall well-being.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-laptop_23-2149144803.jpg", imageAlt: "People doing yoga outdoors, symbolizing a healthy lifestyle", authorName: "Dr. Shubhangi Sharma", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-man-doctor-uniform-with-stethoscope-looking-front_141793-124210.jpg", date: "July 08, 2024"},
|
|
{
|
|
id: "blog-3", category: "Recipes", title: "Quick & Nutritious Dinners for Busy Professionals", excerpt: "Explore fast, healthy, and delicious dinner recipes designed to save you time without compromising on nutrition.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cabbage-woman-s-hand-kitchen-table-vegetables_169016-24205.jpg", imageAlt: "Colorful vegetables on a chopping board", authorName: "Dr. Shubhangi Sharma", authorAvatar: "http://img.b2bpic.net/free-photo/content-young-asian-female-doctor-holding-apple-palm_1262-12317.jpg", date: "July 01, 2024"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Book Your Personalized Consultation"
|
|
description="Ready to transform your health? Fill out the form below to schedule your consultation with Dr. Shubhangi Sharma."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your health goals (Optional)", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-reading-digital-magazine_23-2150162646.jpg"
|
|
imageAlt="Online calendar booking system on a laptop"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Schedule Consultation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/vector-leaf-icon_53876-137688.jpg"
|
|
logoAlt="DIETANCE logo"
|
|
logoText="DIETANCE"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Custom Diet Plans", href: "#services"},
|
|
{
|
|
label: "Online Consultations", href: "#services"},
|
|
{
|
|
label: "Family Programs", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Dr. Sharma", href: "#about"},
|
|
{
|
|
label: "Plans & Pricing", href: "#plans"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Blog", href: "#blog"},
|
|
{
|
|
label: "Reference", href: "/reference"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 DIETANCE. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |