3 Commits

Author SHA1 Message Date
434f5f1347 Update src/app/page.tsx 2026-04-17 03:25:49 +00:00
f2ddf8dd98 Update src/app/page.tsx 2026-04-17 03:25:22 +00:00
9650076086 Merge version_1 into main
Merge version_1 into main
2026-04-17 03:23:18 +00:00

View File

@@ -3,456 +3,160 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern'; import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout'; import { ShieldCheck, Wrench, Droplets } from "lucide-react";
import { Award, Leaf, Utensils } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="soft"
contentWidth="smallMedium" contentWidth="mediumSmall"
sizing="medium" sizing="medium"
background="floatingGradient" background="noise"
cardStyle="inset" cardStyle="solid"
primaryButtonStyle="primary-glow" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="solid"
headingFontWeight="extrabold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "About", id: "about" },
name: "About", { name: "Services", id: "services" },
id: "about", { name: "FAQ", id: "faq" },
}, { name: "Contact", id: "contact" }
{ ]}
name: "Services", brandName="Precision Plumbing"
id: "services", />
}, </div>
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Chef de Cuisine"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroBillboard
background={{ title="Reliable Plumbing Services for Your Home"
variant: "radial-gradient", description="From leaky faucets to full pipe installations, we provide prompt, professional plumbing solutions in your local area."
}} background={{ variant: "sparkles-gradient" }}
title="Exquisite Culinary Experiences, Designed for You." buttons={[{ text: "Get a Quote", href: "#contact" }]}
description="Transform your private gatherings into unforgettable culinary journeys with bespoke menus, expert preparation, and impeccable service in the comfort of your home." imageSrc="https://img.b2bpic.net/free-photo/plumber-fixing-sink_23-2148763143.jpg"
kpis={[ />
{ </div>
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="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <SplitAbout
useInvertedBackground={false} title="Your Local Plumbing Experts"
tag="Meet the Chef" 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."
title="Crafting Flavors That Leave Lasting Impressions." bulletPoints={[
buttons={[ { 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 },
text: "Learn My Philosophy", { title: "Local Family Business", description: "Serving our community with pride.", icon: Droplets }
href: "#features", ]}
}, textboxLayout="split"
]} useInvertedBackground={false}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureHoverPattern <FeatureCardTwentyThree
animationType="slide-up" title="Comprehensive Services"
textboxLayout="split" description="No job is too big or too small for our skilled technicians."
useInvertedBackground={true} animationType="slide-up"
features={[ textboxLayout="split"
{ useInvertedBackground={true}
icon: Leaf, features={[
title: "Farm-to-Table Freshness", { id: "1", title: "Drain Cleaning", tags: ["Maintenance", "Emergency"] },
description: "Sourcing only the finest local, seasonal ingredients to ensure vibrant flavors.", { id: "2", title: "Water Heater Installation", tags: ["Installation", "Efficiency"] },
}, { id: "3", title: "Leak Detection", tags: ["Repair", "Diagnostics"] }
{ ]}
icon: Award, />
title: "Bespoke Menu Creation", </div>
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="services" data-section="services"> <div id="services" data-section="services">
<ProductCardThree <ProductCardFour
animationType="slide-up" title="Residential Solutions"
textboxLayout="default" description="Quality repairs, installations, and upgrades."
gridVariant="four-items-2x2-equal-grid" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} animationType="slide-up"
products={[ useInvertedBackground={false}
{ products={[
id: "s1", { id: "p1", name: "Faucet Repair", price: "$99+", variant: "Standard", imageSrc: "https://img.b2bpic.net/free-photo/faucet-repair_23-2148516904.jpg" },
name: "Private Dinner Party", { id: "p2", name: "Pipe Inspection", price: "$150+", variant: "Advanced", imageSrc: "https://img.b2bpic.net/free-photo/pipe-repair_23-2148794097.jpg" },
price: "From $500", { id: "p3", name: "Water Softener", price: "$400+", variant: "Efficiency", imageSrc: "https://img.b2bpic.net/free-photo/softener_23-2148510907.jpg" }
imageSrc: "http://img.b2bpic.net/free-photo/fish-pastry-arugula-white-plate_140725-2958.jpg?_wi=1", ]}
}, textboxLayout="default"
{ />
id: "s2", </div>
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="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardThree <PricingCardOne
animationType="slide-up" title="Simple Pricing Plans"
textboxLayout="default" description="Transparent flat-rate options for common repairs."
useInvertedBackground={true} animationType="slide-up"
plans={[ textboxLayout="default"
{ useInvertedBackground={false}
id: "p1", plans={[
name: "Essential", { id: "basic", badge: "Quick", price: "$99", subtitle: "Basic Repair", features: ["Up to 1 hour work", "Parts not included", "Standard service call"] },
price: "$300+", { id: "pro", badge: "Most Popular", price: "$249", subtitle: "Premium Repair", features: ["Up to 3 hours work", "Minor parts included", "Priority scheduling"] }
features: [ ]}
"Custom menu", />
"Ingredient shopping", </div>
"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="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardTwelve
textboxLayout="default" cardTitle="Customer Reviews"
useInvertedBackground={false} cardTag="Our Reputation"
testimonials={[ cardAnimation="slide-up"
{ useInvertedBackground={false}
id: "t1", testimonials={[
name: "Alice Johnson", { id: "1", name: "John Doe", imageSrc: "https://img.b2bpic.net/free-photo/satisfied-client_23-2147717174.jpg" },
date: "March 2024", { id: "2", name: "Jane Smith", imageSrc: "https://img.b2bpic.net/free-photo/happy-customer_23-2150517420.jpg" }
title: "Corporate Event Host", ]}
quote: "The most professional catering experience we've had. Absolutely phenomenal flavors.", />
tag: "Elite Tier", </div>
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="socialProof" data-section="socialProof"> <div id="faq" data-section="faq">
<SocialProofOne <FaqSplitMedia
textboxLayout="default" title="Questions & Answers"
useInvertedBackground={true} description="Common plumbing queries solved."
names={[ faqs={[
"The Grand Ballroom", { id: "q1", title: "Are you licensed?", content: "Yes, we are fully licensed and bonded in the state." },
"City Arts Foundation", { id: "q2", title: "Do you provide quotes?", content: "Yes, all quotes are provided upfront before we start work." }
"Tech Innovators Summit", ]}
"Luxury Estate Group", faqsAnimation="slide-up"
"Coastal Event Planners", textboxLayout="split"
"Culinary Arts Guild", useInvertedBackground={true}
"Modern Hospitality Inc", />
]} </div>
title="Proudly Served Events At"
description="Partnering with the city's finest event venues and organizations."
/>
</div>
<div id="faq" data-section="faq"> <div id="contact" data-section="contact">
<FaqDouble <ContactCenter
textboxLayout="default" tag="Contact Us"
useInvertedBackground={false} title="Ready for a fix?"
faqs={[ description="Speak with a friendly expert today and book your visit."
{ background={{ variant: "sparkles-gradient" }}
id: "q1", useInvertedBackground={false}
title: "How far in advance should I book?", />
content: "I recommend booking at least 4 weeks in advance for weekend events.", </div>
},
{
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"> <div id="footer" data-section="footer">
<ContactCenter <FooterSimple
useInvertedBackground={true} columns={[
background={{ { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
variant: "radial-gradient", { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
}} ]}
tag="Get in Touch" bottomLeftText="© 2024 Precision Plumbing"
title="Start Planning Your Next Event" bottomRightText="Serving Our Community"
description="Ready to design your bespoke menu? Fill out the form below and let's get cooking." />
/> </div>
</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>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );