Merge version_2 into main #2
436
src/app/page.tsx
436
src/app/page.tsx
@@ -2,19 +2,19 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { BookOpen, Microscope, Brain, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AnatomyPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -29,319 +29,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AnatomyPro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Exquisite Culinary Art, Delivered to Your Home"
|
||||
description="Transform your private events into unforgettable gastronomic experiences with bespoke menus crafted by a master chef in your own kitchen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Chef",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v&_wi=1"
|
||||
imageAlt="Chef preparing a gourmet dish"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dmxnop",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kves4",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rrktnv",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u01shw",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Menus",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistic Plating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Private Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unlocking Human Anatomy"
|
||||
description="Discover the complexities of the human body through advanced interactive visualization and expert-led curriculum."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Biological Models" },
|
||||
{ value: "2M+", label: "Learners Engaged" },
|
||||
{ value: "98%", label: "Retention Rate" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Explore Atlas", href: "#features" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v&_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Memories One Plate at a Time"
|
||||
description="With over 15 years in Michelin-starred kitchens, I bring passion, technical precision, and the finest local ingredients to your table, ensuring every meal is a masterpiece."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu&_wi=1"
|
||||
imageAlt="Chef working in a modern kitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Bridging Science " },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu", alt: "DNA" },
|
||||
{ type: "text", content: " and Education" }
|
||||
]}
|
||||
buttons={[{ text: "Our Mission" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm-to-Table Freshness",
|
||||
description: "Menus designed around seasonal, sustainable produce sourced daily.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dtlqa&_wi=1",
|
||||
imageAlt: "Fresh vegetables",
|
||||
},
|
||||
{
|
||||
title: "Artistic Plating",
|
||||
description: "Every dish is visually curated to provide a stunning culinary aesthetic.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqilq",
|
||||
imageAlt: "Gourmet plating",
|
||||
},
|
||||
{
|
||||
title: "Bespoke Service",
|
||||
description: "Menu tailored specifically to your taste buds and dietary requirements.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g27aoa",
|
||||
imageAlt: "Custom dining table",
|
||||
},
|
||||
]}
|
||||
title="Why Choose a Private Culinary Experience?"
|
||||
description="Experience professional dining without the crowded restaurants."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
title="Comprehensive Study Tools"
|
||||
description="From musculoskeletal systems to neurological pathways, master every detail."
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{ title: "Musculoskeletal Mastery", description: "Deep dive into movement mechanics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dtlqa", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Neurological Mapping", description: "Trace the nerves of the entire body.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqilq", titleImageSrc: "", buttonText: "Learn More" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pkg1",
|
||||
title: "Intimate Dinner",
|
||||
price: "$350",
|
||||
period: "/event",
|
||||
features: [
|
||||
"3-Course Meal",
|
||||
"Menu Customization",
|
||||
"Table Cleanup",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Package",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v&_wi=2",
|
||||
imageAlt: "private chef gourmet plate",
|
||||
},
|
||||
{
|
||||
id: "pkg2",
|
||||
title: "Fine Dining Gala",
|
||||
price: "$750",
|
||||
period: "/event",
|
||||
features: [
|
||||
"5-Course Tasting",
|
||||
"Wine Pairing Consult",
|
||||
"Private Staffing",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Package",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skaxbu&_wi=2",
|
||||
imageAlt: "private chef gourmet plate",
|
||||
},
|
||||
{
|
||||
id: "pkg3",
|
||||
title: "Cooking Masterclass",
|
||||
price: "$500",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Hands-on Workshop",
|
||||
"Recipe Cards",
|
||||
"Wine & Appetizers",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Package",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dtlqa&_wi=2",
|
||||
imageAlt: "private chef gourmet plate",
|
||||
},
|
||||
]}
|
||||
title="Culinary Packages"
|
||||
description="Transparent pricing for elevated dining experiences."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardTwo
|
||||
title="Curriculum Tiers"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
plans={[
|
||||
{ id: "student", badge: "Starter", price: "$19", subtitle: "For individual students", features: ["Access to basic modules", "Mobile app access"], buttons: [{ text: "Get Started" }] },
|
||||
{ id: "pro", badge: "Professional", price: "$49", subtitle: "For medical practitioners", features: ["Full atlas access", "Advanced certification"], buttons: [{ text: "Go Pro" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Events Catered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
title="Milestones of Taste"
|
||||
description="Delivering excellence consistently."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="Precision at Scale"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{ id: "1", value: "99.9%", title: "Anatomical Accuracy", description: "Verified by top surgeons", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dnks0j" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The culinary experience was absolutely beyond expectation. Each course was a journey of flavors and the service was impeccable."
|
||||
rating={5}
|
||||
author="Marcus Thorne, Tech Founder"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dmxnop",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kves4",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rrktnv",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u01shw",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Trusted by Universities"
|
||||
cardTag="Partnerships"
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Dr. Aris Thorne", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ghrw" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you cater for dietary allergies?",
|
||||
content: "Absolutely. Menus are fully customized to accommodate all allergies and requirements.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How far in advance should I book?",
|
||||
content: "I recommend booking at least 2-4 weeks in advance for weekend events.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide your own ingredients?",
|
||||
content: "Yes, I source all ingredients fresh on the day of your event.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dnks0j"
|
||||
mediaAnimation="opacity"
|
||||
title="Culinary Questions?"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
faqs={[
|
||||
{ id: "1", title: "Is the atlas updated regularly?", content: "Yes, our database is updated monthly to include latest findings." },
|
||||
{ id: "2", title: "Can I export models?", content: "Yes, professional tier members can export high-res files." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to Eat?"
|
||||
title="Book Your Private Chef Experience"
|
||||
description="Fill out the form or email me directly to discuss your custom menu and event requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Chef",
|
||||
href: "mailto:chef@example.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready to explore?"
|
||||
description="Reach out to our academic liaison for a demo."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Chef Artisan"
|
||||
copyrightText="© 2025 Chef Artisan. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="AnatomyPro"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=95k32v"
|
||||
columns={[
|
||||
{ title: "Resources", items: [{ label: "Atlas", href: "#" }, { label: "Labs", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user