Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -6,10 +6,11 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Droplets, Sparkles, Zap, ShieldCheck, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,112 +30,41 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Services", id: "menu" },
-          name: "Menu",          id: "menu"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="Maria's Mexican Cafe"
+      brandName="Crystal Clear Windows"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+      title="Crystal Clear Views for Your Home."
-      title="Real Mexican Flavor. Made Fresh Daily."
+      description="Professional, streak-free window cleaning services to brighten your space."
-      description="From breakfast tacos to slow-cooked barbacoa—every bite feels like home."
+      testimonials={[]}
-      testimonials={[
-        {
-          name: "Sarah Miller",          handle: "@foodie",          testimonial: "The best tacos in Texas! Truly authentic and fresh.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-105979.jpg?_wi=1",          imageAlt: "fresh mexican street tacos close up"},
-        {
-          name: "John Doe",          handle: "@local",          testimonial: "Generous portions and incredible service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-party-with-food-drinks-wooden-plank_23-2147645495.jpg?_wi=1",          imageAlt: "fresh mexican street tacos close up"},
-        {
-          name: "Emily R.",          handle: "@eats",          testimonial: "My go-to spot for breakfast tacos every single morning.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/raw-cooked-steak-served-with-potato-tomato-sauce_140725-2565.jpg?_wi=1",          imageAlt: "fresh mexican street tacos close up"},
-        {
-          name: "Mike Smith",          handle: "@tacoLover",          testimonial: "Exceptional flavors and high-quality ingredients.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg?_wi=1",          imageAlt: "fresh mexican street tacos close up"},
-        {
-          name: "Anna Cruz",          handle: "@chef",          testimonial: "Just like my Abuela used to make. Incredible.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-homemade-delicious-crispy-potato-chips-brown-pot-fallen-oil-bottle-ketchup-tomatoes-potato-garlic-dark-background_140725-140873.jpg?_wi=1",          imageAlt: "fresh mexican street tacos close up"},
-      ]}
       buttons={[
-        {
+        { text: "Get a Free Quote", href: "#contact" },
-          text: "Order Online",          href: "#"},
+        { text: "Our Services", href: "#menu" },
-        {
-          text: "View Menu",          href: "#menu"},
-        {
-          text: "Call Now",          href: "tel:9797326278"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-105979.jpg?_wi=2"
+      imageSrc="https://img.b2bpic.net/free-photo/man-cleaning-window-with-squeegee-cloth_23-2148750447.jpg?_wi=1"
-      imageAlt="Fresh Mexican street tacos"
+      imageAlt="Professional window cleaning"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/meat-fajitas-with-lavash-table_140725-4813.jpg",          alt: "Customer portrait 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/delicious-bbq-skewer-with-beef-vegetables_1147-71.jpg",          alt: "Customer portrait 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/sizzling-steak-fajitas-with-bell-peppers-hot-skillet_84443-84858.jpg",          alt: "Customer portrait 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-chilli_23-2148614414.jpg",          alt: "Customer portrait 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/natural-fresh-mexican-ingredients_23-2147640342.jpg",          alt: "Customer portrait 5"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Locally Sourced"},
-        {
-          type: "text",          text: "Hand-Pressed Tortillas"},
-        {
-          type: "text",          text: "Authentic Spices"},
-        {
-          type: "text",          text: "Family Recipes"},
-        {
-          type: "text",          text: "Made Fresh Daily"},
-      ]}
     />
   </div>
 
-  <div id="social-proof" data-section="social-proof">
+  <div id="about" data-section="about">
-      <SocialProofOne
+      <AboutMetric
-      textboxLayout="default"
+      title="Why Choose Our Team?"
+      metrics={[
+        { icon: Zap, label: "Fast Service", value: "Efficient" },
+        { icon: ShieldCheck, label: "Fully Insured", value: "Protected" },
+        { icon: Sparkles, label: "Satisfaction", value: "Guaranteed" },
+      ]}
+      metricsAnimation="slide-up"
       useInvertedBackground={false}
-      names={[
-        "Google",        "Yelp",        "TripAdvisor",        "Local Eats",        "Foodie Weekly",        "Town Guide",        "DineOut"]}
-      title="4.0 Rating | 480+ Reviews"
-      description="“Excellent service, great food, and generous portions.”"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",          title: "Authentic Recipes",          tags: [
-            "Traditional",            "Fresh"],
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-party-with-food-drinks-wooden-plank_23-2147645495.jpg?_wi=2"},
-        {
-          id: "f2",          title: "Generous Portions",          tags: [
-            "Filling",            "Satisfying"],
-          imageSrc: "http://img.b2bpic.net/free-photo/raw-cooked-steak-served-with-potato-tomato-sauce_140725-2565.jpg?_wi=2"},
-        {
-          id: "f3",          title: "Breakfast to Dinner",          tags: [
-            "All Day",            "Variety"],
-          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg?_wi=2"},
-      ]}
-      title="Why People Love Maria's"
-      description="We treat every customer like family."
     />
   </div>
 
@@ -145,85 +75,39 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "s1", name: "Residential Exterior", price: "Starts at $150", imageSrc: "https://img.b2bpic.net/free-photo/clean-window-exterior_1234-5678.jpg" },
-          id: "p1",          name: "Barbacoa Tacos",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-homemade-delicious-crispy-potato-chips-brown-pot-fallen-oil-bottle-ketchup-tomatoes-potato-garlic-dark-background_140725-140873.jpg?_wi=2"},
+        { id: "s2", name: "Deep Interior Cleaning", price: "Starts at $200", imageSrc: "https://img.b2bpic.net/free-photo/interior-clean-glass_1234-5679.jpg" },
-        {
+        { id: "s3", name: "Screen & Track Care", price: "Starts at $50", imageSrc: "https://img.b2bpic.net/free-photo/window-frame-cleaning_1234-5680.jpg" },
-          id: "p2",          name: "Breakfast Tacos",          price: "$8.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tortillas-with-meat-vegetables_23-2148614372.jpg"},
-        {
-          id: "p3",          name: "Street Tacos",          price: "$10.00",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg"},
-        {
-          id: "p4",          name: "Chips & Salsa",          price: "$5.00",          imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg"},
-        {
-          id: "p5",          name: "Classic Plates",          price: "$15.00",          imageSrc: "http://img.b2bpic.net/free-photo/three-delicious-mexican-tacos-with-fresh-toppings_84443-82579.jpg"},
-        {
-          id: "p6",          name: "Fajita Platter",          price: "$18.00",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-tacos_23-2150878353.jpg"},
       ]}
-      title="Customer Favorites"
+      title="Professional Window Services"
-      description="Everything made fresh to order."
+      description="We handle everything from simple glass cleaning to deep frame and screen restoration."
     />
   </div>
 
-  <div id="breakfast" data-section="breakfast">
+  <div id="features" data-section="features">
       <FeatureCardTwentyThree
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { id: "f1", title: "Eco-Friendly Products", tags: ["Safe", "Clean"], imageSrc: "https://img.b2bpic.net/free-photo/eco-friendly-cleaning_1234-5681.jpg" },
-          id: "b1",          title: "Egg & Potato",          tags: [
+        { id: "f2", title: "Experienced Technicians", tags: ["Reliable", "Expert"], imageSrc: "https://img.b2bpic.net/free-photo/professional-team_1234-5682.jpg" },
-            "Classic"],
+        { id: "f3", title: "Reliable Scheduling", tags: ["On-Time", "Convenient"], imageSrc: "https://img.b2bpic.net/free-photo/calendar-check_1234-5683.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-breakfast-red-chilaquiles-with-egg-yellow-background_123827-30646.jpg"},
-        {
-          id: "b2",          title: "Beans & Cheese",          tags: [
-            "Simple"],
-          imageSrc: "http://img.b2bpic.net/free-photo/english-breakfast-dish_1203-9632.jpg"},
-        {
-          id: "b3",          title: "Bacon & Egg",          tags: [
-            "Favorite"],
-          imageSrc: "http://img.b2bpic.net/free-photo/tacos_23-2148159754.jpg"},
       ]}
-      title="Start Your Day the Right Way"
+      title="What Makes Us Different"
-      description="Locals love our breakfast tacos—fresh, filling, and made exactly how you like them."
+      description="Attention to detail that leaves every window sparkling."
-      buttons={[
-        {
-          text: "Order Breakfast Now",          href: "#"},
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="More Than a Meal—It’s a Tradition"
-      description="At Maria’s, every guest is treated like family. Whether you’re grabbing a quick bite at the drive-through or sitting down with loved ones, you’ll always feel at home."
-      metrics={[
-        {
-          value: "100%",          title: "Authentic"},
-        {
-          value: "480+",          title: "Reviews"},
-        {
-          value: "Daily",          title: "Fresh"},
-      ]}
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/men-women-are-helping-separate-vegetables-clear-cup-kitchen-with-red-brick-wall_1150-19043.jpg"
-      imageAlt="Staff working in the kitchen"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      tag="Book Now"
-      tag="Visit Us"
+      title="Ready for a Clearer View?"
-      title="Hungry Yet?"
+      description="Get a free, no-obligation estimate today. Contact us for local availability."
-      description="1221 Fannin St, Columbus, TX | (979) 732-6278"
       buttons={[
-        {
+        { text: "Request a Quote", href: "#" },
-          text: "Order Now",          href: "#"},
-        {
-          text: "Get Directions",          href: "#"},
       ]}
     />
   </div>
@@ -231,24 +115,10 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }] },
-          title: "Restaurant",          items: [
+        { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@windowservice.com" }] },
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "Order Online",              href: "#"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Directions",              href: "#"},
-            {
-              label: "Call Us",              href: "tel:9797326278"},
-          ],
-        },
       ]}
-      logoText="Maria's Mexican Cafe"
+      logoText="Crystal Clear Windows"
     />
   </div>
       </ReactLenis>