Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
   return (
@@ -31,31 +31,19 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Materials",
+          name: "Materials",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Company",
+          name: "Company",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Starr Aggregates"
       button={{
-        text: "Get a Quote Now",
+        text: "Get a Quote Now",        href: "#contact"}}
-        href: "#contact",
-      }}
       animateOnLoad={true}
     />
   </div>
@@ -63,79 +51,50 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       imagePosition="right"
       title="Premium aggregates Valleyfast delivery"
       description="Trusted by contractors across South Texas. Sand, gravel, and custom blends delivered on schedule, every time."
       kpis={[
         {
-          value: "30+",
+          value: "30+",          label: "Years in Business"},
-          label: "Years in Business",
-        },
         {
-          value: "500+",
+          value: "500+",          label: "Projects Completed"},
-          label: "Projects Completed",
-        },
         {
-          value: "1M+",
+          value: "1M+",          label: "Tons Delivered Annually"},
-          label: "Tons Delivered Annually",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Get a Quote Now",
+          text: "Get a Quote Now",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/tractor-farm-field-sunset-backlight-warm-tones_463209-116.jpg"
       imageAlt="Large pile of aggregates at sunset with heavy machinery"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg",
+          src: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg",          alt: "Architect being serious while looking at the camera"},
-          alt: "Architect being serious while looking at the camera",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg",
+          src: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg",          alt: "Foreman with arms crossed"},
-          alt: "Foreman with arms crossed",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",          alt: "Happy builder in hardhat"},
-          alt: "Happy builder in hardhat",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",          alt: "Portrait of smiling young architect man showing thumb up gesture looking at camera"},
-          alt: "Portrait of smiling young architect man showing thumb up gesture looking at camera",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371890.jpg",
+          src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371890.jpg",          alt: "Designer working on 3d model"},
-          alt: "Designer working on 3d model",
-        },
       ]}
       avatarText="Join 1,000+ satisfied contractors"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "On-time delivery guaranteed"},
-          text: "On-time delivery guaranteed",
-        },
         {
-          type: "text",
+          type: "text",          text: "ISO Certified Quality"},
-          text: "ISO Certified Quality",
-        },
         {
-          type: "text",
+          type: "text",          text: "Custom Blends Available"},
-          text: "Custom Blends Available",
-        },
         {
-          type: "text",
+          type: "text",          text: "Serving South Texas since 1993"},
-          text: "Serving South Texas since 1993",
-        },
         {
-          type: "text",
+          type: "text",          text: "Expert Logistics Support"},
-          text: "Expert Logistics Support",
-        },
       ]}
     />
   </div>
@@ -145,14 +104,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Valley Builders Co.",
+        "Valley Builders Co.",        "Rio Grande Constructors",        "Municipal Works Dept.",        "Horizon Development",        "Eagle Civil Inc.",        "South Texas Roadways",        "Apex Engineering Solutions"]}
-        "Rio Grande Constructors",
-        "Municipal Works Dept.",
-        "Horizon Development",
-        "Eagle Civil Inc.",
-        "South Texas Roadways",
-        "Apex Engineering Solutions",
-      ]}
       title="Trusted Partners & Clients"
       description="Delivering excellence to leading contractors and municipal projects across the Rio Grande Valley."
       speed={40}
@@ -166,25 +118,13 @@ export default function LandingPage() {
       tag="Proven Performance"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "99.8%",          description: "On-Time Delivery Rate"},
-          value: "99.8%",
-          description: "On-Time Delivery Rate",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "ISO",          description: "Certified Quality"},
-          value: "ISO",
-          description: "Certified Quality",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "100%",          description: "Customer Satisfaction"},
-          value: "100%",
-          description: "Customer Satisfaction",
-        },
         {
-          id: "m4",
+          id: "m4",          value: "Zero",          description: "Safety Incidents Last Year"},
-          value: "Zero",
-          description: "Safety Incidents Last Year",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -197,9 +137,7 @@ export default function LandingPage() {
       description="With decades of experience, Starr Aggregates stands as the premier supplier of high-quality sand and gravel. We prioritize reliability, consistency, and unparalleled customer service to fuel your project's success, every time."
       buttons={[
         {
-          text: "Learn More About Us",
+          text: "Learn More About Us",          href: "#"},
-          href: "#",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-african-american-worker-standing-with-plan-factory_1303-30604.jpg"
       imageAlt="Construction team reviewing blueprints on a job site"
@@ -214,53 +152,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Washed Concrete Sand",          price: "Market Rate",          variant: "Fine, consistent grain",          imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-texture_1194-5589.jpg",          imageAlt: "Pile of clean washed concrete sand"},
-          name: "Washed Concrete Sand",
-          price: "Market Rate",
-          variant: "Fine, consistent grain",
-          imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-texture_1194-5589.jpg",
-          imageAlt: "Pile of clean washed concrete sand",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Crushed Limestone Base",          price: "Market Rate",          variant: "Various sizes, compacted",          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12402.jpg",          imageAlt: "Pile of crushed limestone aggregates"},
-          name: "Crushed Limestone Base",
-          price: "Market Rate",
-          variant: "Various sizes, compacted",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12402.jpg",
-          imageAlt: "Pile of crushed limestone aggregates",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "All-Purpose Concrete Mix",          price: "Market Rate",          variant: "Ready-to-use blend",          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14033.jpg",          imageAlt: "Mixed concrete aggregate for general use"},
-          name: "All-Purpose Concrete Mix",
-          price: "Market Rate",
-          variant: "Ready-to-use blend",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14033.jpg",
-          imageAlt: "Mixed concrete aggregate for general use",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Select Fill Dirt",          price: "Market Rate",          variant: "High-compaction, clean",          imageSrc: "http://img.b2bpic.net/free-photo/stone-abstract-copy-space-texture-background_1194-600585.jpg",          imageAlt: "Heap of select fill dirt for construction"},
-          name: "Select Fill Dirt",
-          price: "Market Rate",
-          variant: "High-compaction, clean",
-          imageSrc: "http://img.b2bpic.net/free-photo/stone-abstract-copy-space-texture-background_1194-600585.jpg",
-          imageAlt: "Heap of select fill dirt for construction",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Decomposed Granite",          price: "Market Rate",          variant: "Natural, permeable finish",          imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13379.jpg",          imageAlt: "Spread of decomposed granite for landscaping"},
-          name: "Decomposed Granite",
-          price: "Market Rate",
-          variant: "Natural, permeable finish",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13379.jpg",
-          imageAlt: "Spread of decomposed granite for landscaping",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Custom Aggregate Blends",          price: "By Quote",          variant: "Tailored to your spec",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-wave-stone-background-sea-seaweed_1417-523.jpg",          imageAlt: "Sample of custom blended aggregates"},
-          name: "Custom Aggregate Blends",
-          price: "By Quote",
-          variant: "Tailored to your spec",
-          imageSrc: "http://img.b2bpic.net/free-photo/yellow-wave-stone-background-sea-seaweed_1417-523.jpg",
-          imageAlt: "Sample of custom blended aggregates",
-        },
       ]}
       title="Our Premium Aggregate Products"
       description="Explore our diverse range of sands, gravels, and custom blends, engineered to meet the stringent demands of any construction project."
@@ -268,64 +170,40 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardSixteen
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Robert Sanchez",          role: "CEO",          company: "Valley Builders Co.",          rating: 5,
-          name: "Robert Sanchez",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",          imageAlt: "Robert Sanchez"},
-          handle: "CEO, Valley Builders Co.",
-          testimonial: "Starr Aggregates consistently delivers high-quality materials on time, every time. Their reliability is unmatched in the Rio Grande Valley. They are our go-to for all major projects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
-          imageAlt: "Robert Sanchez",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Maria Rodriguez",          role: "Project Manager",          company: "RGC",          rating: 5,
-          name: "Maria Rodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149713661.jpg",          imageAlt: "Maria Rodriguez"},
-          handle: "Project Manager, RGC",
-          testimonial: "The consistency of Starr's products helps us maintain tight schedules and quality control. Their team is always responsive and professional, making our job much easier.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149713661.jpg",
-          imageAlt: "Maria Rodriguez",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "David Kim",          role: "Director",          company: "Horizon Development",          rating: 5,
-          name: "David Kim",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",          imageAlt: "David Kim"},
-          handle: "Director, Horizon Development",
-          testimonial: "For critical infrastructure projects, we need a supplier we can trust. Starr Aggregates has proven their commitment to quality and service over many years. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
-          imageAlt: "David Kim",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Emily Chen",          role: "Site Engineer",          company: "Eagle Civil",          rating: 5,
-          name: "Emily Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-office_1098-20847.jpg",          imageAlt: "Emily Chen"},
-          handle: "Site Engineer, Eagle Civil",
-          testimonial: "We appreciate the precise material blends Starr Aggregates provides. It makes a significant difference in project performance and longevity. Their expertise is invaluable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-office_1098-20847.jpg",
-          imageAlt: "Emily Chen",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Juan Garcia",          role: "Procurement Officer",          company: "Municipal Works",          rating: 5,
-          name: "Juan Garcia",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",          imageAlt: "Juan Garcia"},
-          handle: "Procurement Officer, Municipal Works",
-          testimonial: "Starr Aggregates has been a reliable partner for our municipal projects, always meeting specifications and deadlines. Their competitive pricing and local presence are a huge advantage.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-          imageAlt: "Juan Garcia",
-        },
         {
-          id: "t6",
+          id: "t6",          name: "Sarah Jones",          role: "Head of Operations",          company: "South Texas Roadways",          rating: 5,
-          name: "Sarah Jones",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg",          imageAlt: "Sarah Jones"},
-          handle: "Head of Operations, South Texas Roadways",
-          testimonial: "Their bulk material delivery speed is essential for our large-scale road construction. Starr Aggregates never disappoints and ensures our operations run smoothly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg",
-          imageAlt: "Sarah Jones",
-        },
       ]}
       title="What Our Clients Say"
       description="Hear directly from the contractors and project managers who rely on Starr Aggregates for their most critical projects."
-      speed={40}
+      kpiItems={[
-      topMarqueeDirection="left"
+        {
+          value: "5.0",          label: "Average Rating"},
+        {
+          value: "500+",          label: "Clients Served"},
+        {
+          value: "99%",          label: "Retention Rate"},
+      ]}
     />
   </div>
 
@@ -336,45 +214,24 @@ export default function LandingPage() {
       description="Tell us about your project needs and our team will get back to you with a competitive quote and delivery timeline, tailored to your specifications."
       inputs={[
         {
-          name: "fullName",
+          name: "fullName",          type: "text",          placeholder: "Full Name",          required: true,
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
         },
         {
-          name: "companyName",
+          name: "companyName",          type: "text",          placeholder: "Company Name",          required: true,
-          type: "text",
-          placeholder: "Company Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: false,
-          type: "tel",
-          placeholder: "Phone Number",
-          required: false,
         },
       ]}
       multiSelect={{
-        name: "projectType",
+        name: "projectType",        label: "Project Type",        options: [
-        label: "Project Type",
+          "Commercial Construction",          "Residential Development",          "Road & Infrastructure",          "Landscaping",          "Other"],
-        options: [
-          "Commercial Construction",
-          "Residential Development",
-          "Road & Infrastructure",
-          "Landscaping",
-          "Other",
-        ],
       }}
       textarea={{
-        name: "projectDetails",
+        name: "projectDetails",        placeholder: "Tell us about your project needs (materials, quantity, delivery schedule, etc.)",        rows: 5,
-        placeholder: "Tell us about your project needs (materials, quantity, delivery schedule, etc.)",
-        rows: 5,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124259.jpg"
@@ -391,13 +248,9 @@ export default function LandingPage() {
       logoAlt="Starr Aggregates Company Logo"
       logoText="Starr Aggregates"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Terms of Service",
+        text: "",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>