Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-17 03:25:26 +00:00

View File

@@ -3,456 +3,157 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Leaf, Utensils } from "lucide-react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Leaf, Award, Utensils, Droplets, Wrench, ShieldCheck } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="smallMedium"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="medium"
background="floatingGradient"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
background="noise"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<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 de Cuisine"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="Precision Plumbing"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
title="Exquisite Culinary Experiences, Designed for You."
description="Transform your private gatherings into unforgettable culinary journeys with bespoke menus, expert preparation, and impeccable service in the comfort of your home."
kpis={[
{
value: "10+ Years",
label: "Culinary Experience",
},
{
value: "500+",
label: "Events Catered",
},
{
value: "5.0",
label: "Client Rating",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Your Consultation",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-fried-fish-front-view_23-2148516904.jpg?_wi=1"
imageAlt="Professional private chef working in a luxury kitchen"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-chef-garnishing-dish_23-2148763143.jpg",
alt: "Female chef garnishing dish",
},
{
src: "http://img.b2bpic.net/free-photo/chef-putting-sliced-cheese-salad_23-2148516913.jpg",
alt: "Chef putting sliced cheese on salad",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-chef-plating-meal_23-2148794097.jpg",
alt: "Front view chef plating meal",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510907.jpg",
alt: "Front view of delicious food arrangement",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-elderly-chef-dressed-uniform-with-crossed-arms-against-dark-background_613910-17580.jpg",
alt: "Portrait of elderly chef dressed in uniform",
},
]}
marqueeItems={[
{
type: "text",
text: "Michelin-Inspired",
},
{
type: "text",
text: "Locally Sourced",
},
{
type: "text",
text: "Bespoke Menus",
},
{
type: "text",
text: "Private Events",
},
{
type: "text",
text: "Expert Service",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Reliable Plumbing Services for Your Home"
description="From leaky faucets to full pipe installations, we provide prompt, professional plumbing solutions in your local area."
background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Get a Quote", href: "#contact" }]}
imageSrc="https://img.b2bpic.net/free-photo/plumber-fixing-sink_23-2148763143.jpg"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="Meet the Chef"
title="Crafting Flavors That Leave Lasting Impressions."
buttons={[
{
text: "Learn My Philosophy",
href: "#features",
},
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="Your Local Plumbing Experts"
description="With over 15 years of experience, we pride ourselves on honesty, quality workmanship, and transparent pricing. We treat your home as if it were our own."
bulletPoints={[
{ title: "Certified Professionals", description: "Fully licensed and insured team.", icon: ShieldCheck },
{ title: "24/7 Emergency Support", description: "Here for you when you need us most.", icon: Wrench },
{ title: "Local Family Business", description: "Serving our community with pride.", icon: Droplets }
]}
textboxLayout="split"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Leaf,
title: "Farm-to-Table Freshness",
description: "Sourcing only the finest local, seasonal ingredients to ensure vibrant flavors.",
},
{
icon: Award,
title: "Bespoke Menu Creation",
description: "Custom-designed menus tailored specifically to your taste preferences and dietary requirements.",
},
{
icon: Utensils,
title: "Impeccable Plating Art",
description: "Visual masterpieces created to elevate the dining atmosphere of any special occasion.",
},
]}
title="Why Choose a Private Chef Experience"
description="From farm-to-table sourcing to meticulous plating, I bring the art of fine dining to your table."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
title="Comprehensive Services"
description="No job is too big or too small for our skilled technicians."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "1", title: "Drain Cleaning", tags: ["Maintenance", "Emergency"] },
{ id: "2", title: "Water Heater Installation", tags: ["Installation", "Efficiency"] },
{ id: "3", title: "Leak Detection", tags: ["Repair", "Diagnostics"] }
]}
/>
</div>
<div id="services" data-section="services">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Private Dinner Party",
price: "From $500",
imageSrc: "http://img.b2bpic.net/free-photo/fish-pastry-arugula-white-plate_140725-2958.jpg?_wi=1",
},
{
id: "s2",
name: "Corporate Catering",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg?_wi=1",
},
{
id: "s3",
name: "Cooking Masterclass",
price: "From $300",
imageSrc: "http://img.b2bpic.net/free-photo/tomato-potato-cherry-tomato-beans-brussels-sprouts_176474-54.jpg?_wi=1",
},
{
id: "s4",
name: "Weekend Retreat Chef",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/cooked-pear-slices-with-herbs-spices-white-plate_114579-26567.jpg",
},
{
id: "s5",
name: "Holiday Menu Planning",
price: "From $400",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-holding-bowl_23-2149072942.jpg",
},
{
id: "s6",
name: "Recipe Development",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/plates-with-healthy-food_1268-20307.jpg",
},
]}
title="My Culinary Services"
description="Premium service options curated for every occasion."
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
title="Residential Solutions"
description="Quality repairs, installations, and upgrades."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Faucet Repair", price: "$99+", variant: "Standard", imageSrc: "https://img.b2bpic.net/free-photo/faucet-repair_23-2148516904.jpg" },
{ id: "p2", name: "Pipe Inspection", price: "$150+", variant: "Advanced", imageSrc: "https://img.b2bpic.net/free-photo/pipe-repair_23-2148794097.jpg" },
{ id: "p3", name: "Water Softener", price: "$400+", variant: "Efficiency", imageSrc: "https://img.b2bpic.net/free-photo/softener_23-2148510907.jpg" }
]}
textboxLayout="default"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
name: "Essential",
price: "$300+",
features: [
"Custom menu",
"Ingredient shopping",
"Kitchen prep",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
},
{
id: "p2",
name: "Signature",
price: "$600+",
features: [
"Signature menu",
"Full service plating",
"Wine pairing guidance",
"Clean-up",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
},
{
id: "p3",
name: "Elite",
price: "$1200+",
features: [
"Multi-course degustation",
"Premium sourcing",
"Table styling",
"Full waitstaff",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
},
]}
title="Service Investment"
description="Choose a tier that matches your event needs."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Simple Pricing Plans"
description="Transparent flat-rate options for common repairs."
animationType="slide-up"
textboxLayout="default"
plans={[
{ id: "basic", badge: "Quick", price: "$99", subtitle: "Basic Repair", features: ["Up to 1 hour work", "Parts not included", "Standard service call"] },
{ id: "pro", badge: "Most Popular", price: "$249", subtitle: "Premium Repair", features: ["Up to 3 hours work", "Minor parts included", "Priority scheduling"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice Johnson",
date: "March 2024",
title: "Corporate Event Host",
quote: "The most professional catering experience we've had. Absolutely phenomenal flavors.",
tag: "Elite Tier",
avatarSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-3908.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-fried-fish-front-view_23-2148516904.jpg?_wi=2",
imageAlt: "happy client fine dining experience",
},
{
id: "t2",
name: "Mark Stevens",
date: "February 2024",
title: "Dinner Party Host",
quote: "Chef transformed our anniversary dinner into a five-star restaurant experience.",
tag: "Signature Tier",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598337.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-cook-chef-uniform-cap-keeping-hands-together-looking-camera-winking-isolated-pink-wall_141793-113821.jpg",
imageAlt: "happy client fine dining experience",
},
{
id: "t3",
name: "Elena Rodriguez",
date: "January 2024",
title: "Private Party Planner",
quote: "Attention to detail in plating and flavor was unmatched. Highly recommended.",
tag: "Elite Tier",
avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/tomato-potato-cherry-tomato-beans-brussels-sprouts_176474-54.jpg?_wi=2",
imageAlt: "happy client fine dining experience",
},
{
id: "t4",
name: "Robert Smith",
date: "December 2023",
title: "Executive Client",
quote: "Seamless experience from consultation to final cleanup. Truly top-tier service.",
tag: "Signature Tier",
avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fish-pastry-arugula-white-plate_140725-2958.jpg?_wi=2",
imageAlt: "happy client fine dining experience",
},
{
id: "t5",
name: "Sarah Lee",
date: "November 2023",
title: "Small Group Host",
quote: "Our guests were so impressed with the personalized menu and local ingredients.",
tag: "Essential Tier",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-new-year-party_23-2147717174.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg?_wi=2",
imageAlt: "happy client fine dining experience",
},
]}
title="Client Stories"
description="Trusted by gourmands and party hosts across the city."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Customer Reviews"
cardTag="Our Reputation"
cardAnimation="slide-up"
testimonials={[
{ id: "1", name: "John Doe", imageSrc: "https://img.b2bpic.net/free-photo/satisfied-client_23-2147717174.jpg" },
{ id: "2", name: "Jane Smith", imageSrc: "https://img.b2bpic.net/free-photo/happy-customer_23-2150517420.jpg" }
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"The Grand Ballroom",
"City Arts Foundation",
"Tech Innovators Summit",
"Luxury Estate Group",
"Coastal Event Planners",
"Culinary Arts Guild",
"Modern Hospitality Inc",
]}
title="Proudly Served Events At"
description="Partnering with the city's finest event venues and organizations."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Questions & Answers"
description="Common plumbing queries solved."
faqs={[
{ id: "q1", title: "Are you licensed?", content: "Yes, we are fully licensed and bonded in the state." },
{ id: "q2", title: "Do you provide quotes?", content: "Yes, all quotes are provided upfront before we start work." }
]}
faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={true}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How far in advance should I book?",
content: "I recommend booking at least 4 weeks in advance for weekend events.",
},
{
id: "q2",
title: "Are dietary restrictions accommodated?",
content: "Absolutely. Menus are fully customized to suit all allergies and dietary needs.",
},
{
id: "q3",
title: "What does full service include?",
content: "Full service includes custom menu design, ingredient procurement, cooking, plating, and complete kitchen clean-up.",
},
]}
title="Common Questions"
description="Everything you need to know about booking."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Contact Us"
title="Ready for a fix?"
description="Speak with a friendly expert today and book your visit."
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
tag="Get in Touch"
title="Start Planning Your Next Event"
description="Ready to design your bespoke menu? Fill out the form below and let's get cooking."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Private Dining",
href: "#services",
},
{
label: "Events",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="Chef de Cuisine"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
]}
bottomLeftText="© 2024 Precision Plumbing"
bottomRightText="Serving Our Community"
/>
</div>
</ReactLenis>
</ThemeProvider>
);