Switch to version 1: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -32,15 +32,25 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Services",          id: "#services"},
+          name: "Services",
+          id: "#services",
+        },
         {
-          name: "Why Us",          id: "#why-us"},
+          name: "Why Us",
+          id: "#why-us",
+        },
         {
-          name: "Gallery",          id: "#gallery"},
+          name: "Gallery",
+          id: "#gallery",
+        },
         {
-          name: "Reviews",          id: "#reviews"},
+          name: "Reviews",
+          id: "#reviews",
+        },
         {
-          name: "FAQ",          id: "#faq"},
+          name: "FAQ",
+          id: "#faq",
+        },
       ]}
       brandName="Western Gravel & Roofing"
     />
@@ -50,56 +60,101 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars"}}
-      title="Same-Day Roofing Delivery in San Francisco"
+        variant: "gradient-bars",
+      }}
+      title="Superior Roofing Supply in San Francisco"
       description="Your trusted partner for premium roofing materials. Same-day delivery, expert advice, and a massive inventory for all your contracting needs."
       testimonials={[
         {
-          name: "Alejandro Hinojosa",          handle: "@contractor",          testimonial: "Best service in the industry. They go above and beyond ensuring materials are scheduled accordingly.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg"},
+          name: "Alejandro Hinojosa",
+          handle: "@contractor",
+          testimonial: "Best service in the industry. They go above and beyond ensuring materials are scheduled accordingly.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
+        },
         {
-          name: "John Gerber",          handle: "@localguide",          testimonial: "They have all kinds of roofing material and same day delivery!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg"},
+          name: "John Gerber",
+          handle: "@localguide",
+          testimonial: "They have all kinds of roofing material and same day delivery!",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
+        },
         {
-          name: "Sarah Miller",          handle: "@probuilder",          testimonial: "Professional team that truly understands the urgency of construction deadlines.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg"},
+          name: "Sarah Miller",
+          handle: "@probuilder",
+          testimonial: "Professional team that truly understands the urgency of construction deadlines.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg",
+        },
         {
-          name: "Mark Wilson",          handle: "@roofer",          testimonial: "Consistent, high-quality supplies every single time. My go-to store.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg"},
+          name: "Mark Wilson",
+          handle: "@roofer",
+          testimonial: "Consistent, high-quality supplies every single time. My go-to store.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",
+        },
         {
-          name: "Elena Torres",          handle: "@generalcon",          testimonial: "Incredible inventory range and very fair pricing for local pros.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg"},
+          name: "Elena Torres",
+          handle: "@generalcon",
+          testimonial: "Incredible inventory range and very fair pricing for local pros.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg",
+        },
       ]}
       buttons={[
         {
-          text: "Get a Quote",          href: "#contact"},
+          text: "Get a Quote",
+          href: "#contact",
+        },
         {
-          text: "Call Now",          href: "tel:4158229000"},
+          text: "Call Now",
+          href: "tel:4158229000",
+        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/worker-helping-customer-in-roofing-supply-store_123456.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/round-steel_1127-3292.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg",          alt: "Man working with heavy wooden materials"},
+          src: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg",
+          alt: "Man working with heavy wooden materials",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-posing-outdoors_171337-19426.jpg",          alt: "Serious young blonde lady posing outdoors"},
+          src: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-posing-outdoors_171337-19426.jpg",
+          alt: "Serious young blonde lady posing outdoors",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/metallic-wall-with-sky_23-2148107065.jpg",          alt: "Metallic wall with sky"},
+          src: "http://img.b2bpic.net/free-photo/metallic-wall-with-sky_23-2148107065.jpg",
+          alt: "Metallic wall with sky",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",          alt: "Modern skyscrapers in japan business district"},
+          src: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",
+          alt: "Modern skyscrapers in japan business district",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",          alt: "3D Geometric Weave Abstract Wallpaper Background"},
+          src: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",
+          alt: "3D Geometric Weave Abstract Wallpaper Background",
+        },
       ]}
       marqueeItems={[
         {
-          type: "text",          text: "Same-Day Delivery"},
+          type: "text",
+          text: "Same-Day Delivery",
+        },
         {
-          type: "text",          text: "Expert Support"},
+          type: "text",
+          text: "Expert Support",
+        },
         {
-          type: "text",          text: "Premium Stock"},
+          type: "text",
+          text: "Premium Stock",
+        },
         {
-          type: "text",          text: "Competitive Prices"},
+          type: "text",
+          text: "Competitive Prices",
+        },
         {
-          type: "text",          text: "Reliable Service"},
+          type: "text",
+          text: "Reliable Service",
+        },
       ]}
     />
   </div>
@@ -111,17 +166,38 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",          title: "Roofing Shingles",          author: "High Performance",          description: "Wide array of asphalt, fiberglass, and composite shingles.",          tags: [
-            "Residential",            "Durable"],
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg"},
+          id: "f1",
+          title: "Roofing Shingles",
+          author: "High Performance",
+          description: "Wide array of asphalt, fiberglass, and composite shingles.",
+          tags: [
+            "Residential",
+            "Durable",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg",
+        },
         {
-          id: "f2",          title: "Metal Roofing",          author: "Industrial Grade",          description: "Durable metal panels and systems for long-lasting performance.",          tags: [
-            "Commercial",            "Heavy-Duty"],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"},
+          id: "f2",
+          title: "Metal Roofing",
+          author: "Industrial Grade",
+          description: "Durable metal panels and systems for long-lasting performance.",
+          tags: [
+            "Commercial",
+            "Heavy-Duty",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
+        },
         {
-          id: "f3",          title: "Same-Day Delivery",          author: "Fast Service",          description: "Call ahead and get your materials delivered exactly when you need them.",          tags: [
-            "Logistics",            "Fast"],
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg"},
+          id: "f3",
+          title: "Same-Day Delivery",
+          author: "Fast Service",
+          description: "Call ahead and get your materials delivered exactly when you need them.",
+          tags: [
+            "Logistics",
+            "Fast",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
+        },
       ]}
       title="Our Roofing Solutions"
       description="Comprehensive selection of premium products to help you complete your projects on time and under budget."
@@ -149,17 +225,41 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",          name: "Asphalt Shingles",          price: "Contact for pricing",          imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2532.jpg"},
+          id: "p1",
+          name: "Asphalt Shingles",
+          price: "Contact for pricing",
+          imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2532.jpg",
+        },
         {
-          id: "p2",          name: "Metal Roofing Panels",          price: "Contact for pricing",          imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg"},
+          id: "p2",
+          name: "Metal Roofing Panels",
+          price: "Contact for pricing",
+          imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg",
+        },
         {
-          id: "p3",          name: "Underlayment Rolls",          price: "Contact for pricing",          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg"},
+          id: "p3",
+          name: "Underlayment Rolls",
+          price: "Contact for pricing",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg",
+        },
         {
-          id: "p4",          name: "Roof Flashing",          price: "Contact for pricing",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg"},
+          id: "p4",
+          name: "Roof Flashing",
+          price: "Contact for pricing",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg",
+        },
         {
-          id: "p5",          name: "Vents & Gutters",          price: "Contact for pricing",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"},
+          id: "p5",
+          name: "Vents & Gutters",
+          price: "Contact for pricing",
+          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
+        },
         {
-          id: "p6",          name: "Fasteners & Sealants",          price: "Contact for pricing",          imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg"},
+          id: "p6",
+          name: "Fasteners & Sealants",
+          price: "Contact for pricing",
+          imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg",
+        },
       ]}
       title="Product Gallery"
       description="View our extensive selection of roofing essentials and supplies."
@@ -173,15 +273,40 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",          name: "Alejandro Hinojosa",          handle: "@contractor",          testimonial: "Customer service is the best in the industry. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg"},
+          id: "t1",
+          name: "Alejandro Hinojosa",
+          handle: "@contractor",
+          testimonial: "Customer service is the best in the industry. Highly recommended.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
+        },
         {
-          id: "t2",          name: "John Gerber",          handle: "@localguide",          testimonial: "All kinds of roofing material and same day delivery. Great value.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-business-owner-making-coffee_23-2149434549.jpg"},
+          id: "t2",
+          name: "John Gerber",
+          handle: "@localguide",
+          testimonial: "All kinds of roofing material and same day delivery. Great value.",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-business-owner-making-coffee_23-2149434549.jpg",
+        },
         {
-          id: "t3",          name: "Sarah Miller",          handle: "@probuilder",          testimonial: "They always go above and beyond for our team on every project.",          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-site_23-2151983464.jpg"},
+          id: "t3",
+          name: "Sarah Miller",
+          handle: "@probuilder",
+          testimonial: "They always go above and beyond for our team on every project.",
+          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-site_23-2151983464.jpg",
+        },
         {
-          id: "t4",          name: "Mark Wilson",          handle: "@roofer",          testimonial: "Consistent supply and reliable delivery. My go-to in San Francisco.",          imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg"},
+          id: "t4",
+          name: "Mark Wilson",
+          handle: "@roofer",
+          testimonial: "Consistent supply and reliable delivery. My go-to in San Francisco.",
+          imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
+        },
         {
-          id: "t5",          name: "Elena Torres",          handle: "@generalcon",          testimonial: "Expert advice and fair pricing. They keep our projects on track.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg"},
+          id: "t5",
+          name: "Elena Torres",
+          handle: "@generalcon",
+          testimonial: "Expert advice and fair pricing. They keep our projects on track.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
+        },
       ]}
       title="What Contractors Say"
       description="Building lasting relationships with our clients through quality service and honest communication."
@@ -194,13 +319,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",          title: "Do you provide same-day delivery?",          content: "Yes, we offer same-day delivery for most in-stock items when ordered early. Please call us to confirm."},
+          id: "q1",
+          title: "Do you provide same-day delivery?",
+          content: "Yes, we offer same-day delivery for most in-stock items when ordered early. Please call us to confirm.",
+        },
         {
-          id: "q2",          title: "Where are you located?",          content: "We are located at 1426 Donner Ave, San Francisco, CA 94124."},
+          id: "q2",
+          title: "Where are you located?",
+          content: "We are located at 1426 Donner Ave, San Francisco, CA 94124.",
+        },
         {
-          id: "q3",          title: "What are your business hours?",          content: "We are open Monday through Friday, closing at 4:30 PM."},
+          id: "q3",
+          title: "What are your business hours?",
+          content: "We are open Monday through Friday, closing at 4:30 PM.",
+        },
         {
-          id: "q4",          title: "Can I pick up my own supplies?",          content: "Absolutely. You can place your order over the phone and pick it up directly from our Donner Ave facility."},
+          id: "q4",
+          title: "Can I pick up my own supplies?",
+          content: "Absolutely. You can place your order over the phone and pick it up directly from our Donner Ave facility.",
+        },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our supply store and delivery services."
@@ -212,11 +349,14 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient"}}
+        variant: "radial-gradient",
+      }}
       text="Ready to get started on your next roofing project? Give us a call or visit our San Francisco warehouse today."
       buttons={[
         {
-          text: "Call (415) 822-9000",          href: "tel:4158229000"},
+          text: "Call (415) 822-9000",
+          href: "tel:4158229000",
+        },
       ]}
     />
   </div>
@@ -227,19 +367,29 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Services",              href: "#services"},
+              label: "Services",
+              href: "#services",
+            },
             {
-              label: "Gallery",              href: "#gallery"},
+              label: "Gallery",
+              href: "#gallery",
+            },
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",
+              href: "#faq",
+            },
           ],
         },
         {
           items: [
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",
+              href: "#contact",
+            },
             {
-              label: "Directions",              href: "https://maps.google.com"},
+              label: "Directions",
+              href: "https://maps.google.com",
+            },
           ],
         },
       ]}
@@ -249,4 +399,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}