Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,18 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
-export default function LandingPage() {
+export default function PlumberLandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,180 +22,139 @@ export default function LandingPage() {
         contentWidth="smallMedium"
         sizing="mediumLargeSizeLargeTitles"
         background="floatingGradient"
-        cardStyle="inset"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
+          <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "Home", id: "hero" },
-              { name: "Menu", id: "menu" },
+              { name: "Services", id: "menu" },
               { name: "About", id: "about" },
+              { name: "Pricing", id: "pricing" },
+              { name: "FAQ", id: "faq" },
               { name: "Contact", id: "contact" },
             ]}
-            brandName="California Pita & Grill"
-            button={{ text: "Order Online", href: "#menu" }}
+            brandName="Precision Plumbing"
+            button={{ text: "Book Appointment", href: "#contact" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroBillboard
-            background={{ variant: "gradient-bars" }}
-            title="Authentic Mediterranean Flavors in Woodland Hills"
-            description="Experience the fresh, homestyle taste of California Pita & Grill. From our world-famous Lemon Chicken to authentic Mediterranean classics, we bring the best of the Mediterranean to your table."
-            buttons={[
-              { text: "Order Online", href: "#menu" },
-              { text: "View Directions", href: "#contact" }
+          <HeroSplitKpi
+            background={{ variant: "glowing-orb" }}
+            title="Expert Plumbing Services for Your Home & Business"
+            description="From emergency repairs to full installations, our team of licensed professionals provides reliable, high-quality plumbing solutions throughout the region."
+            kpis={[
+              { value: "24/7", label: "Emergency Support" },
+              { value: "15+ Yrs", label: "In Business" },
+              { value: "100%", label: "Satisfaction Guaranteed" }
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081869.jpg"
-            imageAlt="Fresh Mediterranean pita platter"
+            enableKpiAnimation={true}
+            buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Our Services", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/plumber-working-sink_23-2148815185.jpg"
+            imageAlt="Plumber working on sink"
             mediaAnimation="blur-reveal"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg", alt: "Happy customer portrait" },
-              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman-table_23-2148899034.jpg", alt: "Happy customer portrait" },
-              { src: "http://img.b2bpic.net/free-photo/photo-overjoyed-dark-skinned-girl-has-bushy-hair-laughs-looks-aside-uses-cell-phone-online-communication-messaging-with-friends-drinks-smoothie-cozy-cafeteria_273609-29417.jpg", alt: "Happy customer portrait" },
-              { src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg", alt: "Happy customer portrait" },
-              { src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Happy customer portrait" },
-            ]}
-            avatarText="Join 1000+ happy diners"
-            marqueeItems={[
-              { type: "image", src: "http://img.b2bpic.net/free-photo/side-view-doner-kebab-pita-bread-wooden-board-served-with-lintel-soup-ayran-drink-black-table_140725-12795.jpg", alt: "Gyro plate" },
-              { type: "text", text: "Fresh Pita" },
-              { type: "image", src: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-gutab-stuffed-flatbread-with-herbs-served-with-yogurt-1_140725-7097.jpg", alt: "Stuffed flatbread" },
-              { type: "text", text: "Homestyle Cooking" },
-              { type: "image", src: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10669.jpg", alt: "Chicken pita" },
-            ]}
           />
         </div>
 
         <div id="about" data-section="about">
-          <SplitAbout
-            textboxLayout="split"
+          <InlineImageSplitTextAbout
+            heading={[{ type: 'text', content: 'Trusted Local Plumbers' }, { type: 'image', src: 'http://img.b2bpic.net/free-photo/plumbing-tools-close-up_23-2148815180.jpg', alt: 'Tools' }]}
             useInvertedBackground={false}
-            title="A Tradition of Fresh Ingredients"
-            description="At California Pita & Grill, we believe in the power of fresh, homestyle cooking. Our family recipes have been refined over generations to bring you the highest quality Mediterranean dishes, prepared with love every single day."
-            bulletPoints={[
-              { title: "Homestyle Recipes", description: "Grandma's secret recipes made fresh from scratch." },
-              { title: "Fresh Ingredients", description: "Locally sourced produce, high-quality proteins." },
-              { title: "Community Focused", description: "Serving Woodland Hills with authentic, delicious meals." },
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805485.jpg"
-            imageAlt="Mediterranean kitchen interior"
-            mediaAnimation="slide-up"
+            buttons={[{ text: "Learn More" }]}
           />
         </div>
 
         <div id="menu" data-section="menu">
-          <ProductCardFour
+          <ProductCardTwo
+            gridVariant="bento-grid"
             animationType="slide-up"
-            textboxLayout="split"
-            gridVariant="two-columns-alternating-heights"
+            textboxLayout="default"
             useInvertedBackground={true}
+            title="Our Plumbing Services"
+            description="Comprehensive solutions for your property."
             products={[
-              { id: "1", name: "Original Hummus", price: "$3.00", variant: "Starters & Mezze", imageSrc: "http://img.b2bpic.net/free-photo/platter-tomato-salad-with-boiled-eggs-onion-oil-herbs-cream_140725-4927.jpg" },
-              { id: "2", name: "Greek Chicken Salad", price: "$19.00", variant: "House Salads", imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-oval-plate-green-white-checkered-napkin-chopping-board-garlic-dark-red-background_140725-124389.jpg" },
-              { id: "3", name: "Lemon Chicken Pita", price: "$15.00", variant: "Handhelds", imageSrc: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10670.jpg" },
-              { id: "4", name: "Gyros Plate", price: "$19.00", variant: "Plates", imageSrc: "http://img.b2bpic.net/free-photo/homemade-mushroom-quesadilla-food-photography-recipe-idea_53876-40911.jpg" },
-              { id: "5", name: "Falafel Plate", price: "$19.00", variant: "Plates", imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes_2829-14253.jpg" },
-              { id: "6", name: "Pistachio Baklava", price: "$6.50", variant: "Sweets", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-with-pistachio-chip-top_140725-3383.jpg" },
+              { id: "1", brand: "Emergency", name: "Leak Repair", price: "From $99", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-leak_23-2148786483.jpg" },
+              { id: "2", brand: "Installation", name: "Water Heater", price: "From $450", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/water-heater-installation_23-2149141712.jpg" },
+              { id: "3", brand: "Drain", name: "Clog Clearing", price: "From $120", rating: 4, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/blocked-drain_23-2148805615.jpg" }
             ]}
-            title="Our Signature Menu"
-            description="From crisp salads and signature wraps to our famous plates and homestyle sweets."
           />
         </div>
 
         <div id="pricing" data-section="pricing">
-          <PricingCardTwo
+          <PricingCardThree
             animationType="slide-up"
-            textboxLayout="split"
+            textboxLayout="default"
             useInvertedBackground={false}
+            title="Service Packages"
+            description="Choose the right service for your needs."
             plans={[
-              { id: "meat-combo", badge: "Popular", price: "$135.00", subtitle: "Serves 5 People", features: ["Lemon chicken", "Gyros", "Falafel", "Hummus", "Salads", "Pita & Sauces"], buttons: [{ text: "Order Catering", href: "#contact" }] },
-              { id: "veggie-combo", badge: "Vegetarian", price: "$110.00", subtitle: "Serves 5 People", features: ["Falafel", "Spanakopita", "Hummus", "Tabbouleh", "Eggplant salad", "Salads"], buttons: [{ text: "Order Catering", href: "#contact" }] },
+              { id: "basic", price: "$150", name: "Maintenance Check", features: ["Pipe inspection", "Pressure test", "Leak screening"], buttons: [{ text: "Select" }] },
+              { id: "pro", price: "$350", name: "System Flush", features: ["Water heater maintenance", "Drain cleaning", "Valve check"], buttons: [{ text: "Select" }] }
             ]}
-            title="Catering Combos"
-            description="Perfect for events, parties, and gatherings."
           />
         </div>
 
         <div id="metric" data-section="metric">
-          <MetricCardFourteen
-            useInvertedBackground={true}
-            title="By The Numbers"
-            tag="Our Impact"
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Service Excellence"
+            description="Numbers that demonstrate our commitment."
             metrics={[
-              { id: "m1", value: "10+", description: "Years of Tradition" },
-              { id: "m2", value: "50+", description: "Menu Items Prepared" },
-              { id: "m3", value: "100%", description: "Fresh Ingredients" },
+              { id: "m1", value: "5000+", title: "Successful Jobs", items: ["Residential", "Commercial"] },
+              { id: "m2", value: "98%", title: "Retention Rate", items: ["Recurring", "Referrals"] }
             ]}
-            metricsAnimation="slide-up"
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardSixteen
+          <TestimonialCardOne
             animationType="slide-up"
+            gridVariant="bento-grid"
             textboxLayout="default"
             useInvertedBackground={false}
+            title="Client Stories"
+            description="What our neighbors say about us."
             testimonials={[
-              { id: "1", name: "Sarah J.", role: "Local Resident", company: "Woodland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-holding-bowl-salad_23-2148363534.jpg" },
-              { id: "2", name: "Michael D.", role: "Food Critic", company: "Los Angeles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11930.jpg" },
-              { id: "3", name: "Emily R.", role: "Catering Client", company: "Corporate Event", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116079.jpg" },
-              { id: "4", name: "David K.", role: "Regular Guest", company: "Woodland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-chef-kitchen-with-his-knife_1303-32143.jpg" },
-              { id: "5", name: "Linda M.", role: "Foodie", company: "Ventura Blvd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-living-farmhouse_23-2150621741.jpg" },
+              { id: "1", name: "James W.", role: "Homeowner", company: "City Heights", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-homeowner_23-2148753232.jpg" }
             ]}
-            kpiItems={[
-              { value: "4.9", label: "Average Rating" },
-              { value: "1000+", label: "Happy Customers" },
-              { value: "5", label: "Star Rating" },
-            ]}
-            title="What Our Guests Say"
-            description="Heartfelt feedback from our wonderful community."
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitText
-            useInvertedBackground={true}
-            faqs={[
-              { id: "q1", title: "Do you offer catering services?", content: "Yes! We have a variety of catering combos and platters available for events of any size." },
-              { id: "q2", title: "Are you open on weekends?", content: "Yes, we are open daily to serve you the best Mediterranean cuisine in Woodland Hills." },
-              { id: "q3", title: "Do you have vegetarian options?", content: "Absolutely. We offer a wide selection of vegetarian dishes, including falafel, hummus, and veggie plates." },
-            ]}
-            sideTitle="Frequently Asked Questions"
-            sideDescription="Need more information? Here are some of our most common questions."
+          <FaqDouble
+            title="Frequently Asked Questions"
+            description="Quick answers to common questions."
             faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Are you licensed?", content: "Yes, we are fully licensed, bonded, and insured." },
+              { id: "q2", title: "Do you offer emergency services?", content: "We are available 24/7 for urgent plumbing issues." }
+            ]}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
+          <ContactCenter
+            title="Contact Us"
+            description="Schedule your service today."
+            tag="Booking"
+            background={{ variant: "plain" }}
             useInvertedBackground={false}
-            title="Visit Us Today"
-            description="Find us on Ventura Blvd or reach out for inquiries."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true },
-            ]}
-            textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
-            imageSrc="http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628470.jpg"
-            imageAlt="California Pita restaurant facade"
-            mediaAnimation="slide-up"
+            onSubmit={(email) => console.log(email)}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="California Pita & Grill"
-            columns={[
-              { title: "Location", items: [{ label: "22616 Ventura Blvd", href: "#" }, { label: "Woodland Hills, CA 91364", href: "#" }] },
-              { title: "Menu", items: [{ label: "Starters & Mezze", href: "#menu" }, { label: "Plates", href: "#menu" }, { label: "Catering", href: "#pricing" }] },
-              { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
-            ]}
-            copyrightText="© 2024 California Pita & Grill. All rights reserved."
+          <FooterLogoEmphasis
+            logoText="Precision Plumbing"
+            columns={[{ items: [{ label: "Home" }, { label: "About" }, { label: "Services" }] }, { items: [{ label: "Contact" }, { label: "Privacy Policy" }] }]}
           />
         </div>
       </ReactLenis>