Merge version_3_1781487762552 into main

Merge version_3_1781487762552 into main

src/index.css

@@ -1,19 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
-  --card: #ffffff;
-  --foreground: #001122;
+  --background: #ffffff;
+  --card: #f8f9fa;
+  --foreground: #111111;
   --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #e63946;
+  --secondary-cta-text: #ffffff;
+  --accent: #15479c;
+  --background-accent: #f1f3f5;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;
@@ -88,8 +88,8 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Inter Tight', sans-serif;
-  --font-tight: "Inter Tight", sans-serif;
+  --font-sans: 'Inter', sans-serif;
+  --font-tight: "Inter", sans-serif;
   --font-mono: monospace;
 
   /* Border Radius */

src/pages/HomePage.tsx

@@ -1,250 +1,36 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
-import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
-import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
-import { Award, MapPin, Shield, Truck, Users } from "lucide-react";
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import ProductsSection from './HomePage/sections/Products';
+import MetricsSection from './HomePage/sections/Metrics';
+import TeamSection from './HomePage/sections/Team';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBillboard
-      title="Expert Production. Exceptional Products."
-      description="Liberty Materials Inc. is your trusted source for high-quality industrial mining materials in Conroe, Texas. We deliver precision, efficiency, and exceptional service to every project."
-      primaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Our Products",
-        href: "#products",
-      }}
-      imageSrc="https://storage.googleapis.com/webild/users/user_3F5tpD8haQWZ2SW3ZV3OQtOmKms/uploaded-1781487464567-nb0rh30i.png"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-      tag="About Us"
-      title="Quality Mining Excellence"
-      description="With years of dedication to operational efficiency, we pride ourselves on delivering top-tier aggregate materials that build the foundation of our community. We are locally operated, fully certified, and committed to safety."
-      items={[
-        {
-          icon: Shield,
-          title: "Safety First",
-          description: "Rigorous safety standards across all operations.",
-        },
-        {
-          icon: Truck,
-          title: "Reliable Delivery",
-          description: "Efficient logistics to ensure materials arrive on time.",
-        },
-        {
-          icon: Award,
-          title: "Expert Production",
-          description: "High quality standards for all processed products.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/large-truck-carrying-sand-platinum-mining-site-africa_181624-60189.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="products" data-section="products">
-    <SectionErrorBoundary name="products">
-          <FeaturesImageBento
-      tag="Our Offerings"
-      title="Premium Mining Materials"
-      description="A diverse catalog of materials refined for heavy construction and infrastructure needs."
-      items={[
-        {
-          title: "Crushed Gravel",
-          description: "High-strength base material",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14281.jpg",
-        },
-        {
-          title: "Construction Sand",
-          description: "Washed, screened consistency",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-walking-up-abandoned-building_23-2147770392.jpg",
-        },
-        {
-          title: "Rip Rap Stones",
-          description: "Erosion control solutions",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14364.jpg",
-        },
-        {
-          title: "Quarry Operations",
-          description: "Precision extraction methods",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194778.jpg",
-        },
-        {
-          title: "Bulk Transport",
-          description: "Efficient heavy-load logistics",
-          imageSrc: "http://img.b2bpic.net/free-photo/gray-stone-bricks-heaped_1259-199.jpg",
-        },
-        {
-          title: "Quality Grading",
-          description: "Rigorous product testing",
-          imageSrc: "http://img.b2bpic.net/free-photo/morning-mountains-carpathian-ukraine-europe_1153-6128.jpg",
-        },
-        {
-          title: "Site Safety",
-          description: "Operations exceeding standards",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28116.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductsSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsIconCards
-      tag="Our Impact"
-      title="Proven Operational Results"
-      description="Metrics that define our consistency and reliability in the Texas region."
-      metrics={[
-        {
-          icon: Truck,
-          title: "Deliveries Completed",
-          value: "15,000+",
-        },
-        {
-          icon: MapPin,
-          title: "Locations Served",
-          value: "50+",
-        },
-        {
-          icon: Users,
-          title: "Satisfied Partners",
-          value: "500+",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="team" data-section="team">
-    <SectionErrorBoundary name="team">
-          <TeamStackedCards
-      tag="Leadership"
-      title="Meet the Experts"
-      description="Our dedicated team of mining professionals working to power your construction projects."
-      members={[
-        {
-          name: "James Henderson",
-          role: "Operations Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108534.jpg",
-        },
-        {
-          name: "Sarah Jenkins",
-          role: "Site Safety Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg",
-        },
-        {
-          name: "Mark Thornton",
-          role: "Logistics Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6540.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TeamSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialMarqueeCards
-      tag="Feedback"
-      title="What Clients Say"
-      description="Building trust through consistent performance."
-      testimonials={[
-        {
-          name: "Robert Miller",
-          role: "Contractor",
-          quote: "Excellent material quality and consistent delivery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18996.jpg",
-        },
-        {
-          name: "Diane Clark",
-          role: "Project Manager",
-          quote: "Liberty Materials has been our go-to for years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-shaking-hands_23-2147702492.jpg",
-        },
-        {
-          name: "Steven Webb",
-          role: "Site Lead",
-          quote: "Reliable operation and very easy to work with.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman_23-2148686508.jpg",
-        },
-        {
-          name: "Linda Thompson",
-          role: "Development Lead",
-          quote: "Professional, safe, and efficient service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
-        },
-        {
-          name: "David Ortiz",
-          role: "Construction Owner",
-          quote: "Best quarry service in the Conroe area.",
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTwoColumn
-      tag="FAQ"
-      title="Frequently Asked Questions"
-      description="Getting the answers you need about our operations."
-      items={[
-        {
-          question: "What is your service area?",
-          answer: "We primarily serve the Conroe, Texas, and surrounding regional areas.",
-        },
-        {
-          question: "What are your operating hours?",
-          answer: "We open at 4 AM Monday through Friday for your convenience.",
-        },
-        {
-          question: "Do you provide delivery?",
-          answer: "Yes, we have a specialized fleet for all material transport needs.",
-        },
-        {
-          question: "Where is your plant located?",
-          answer: "Our main plant is situated at 19507 Moorhead Rd, Conroe, Texas.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Contact Us"
-      text="Ready to get started on your next project? Contact us for competitive pricing and expert material advice."
-      primaryButton={{
-        text: "Call (855) 877-1555",
-        href: "tel:8558771555",
-      }}
-      secondaryButton={{
-        text: "Email Sales",
-        href: "mailto:info@libertymaterials.com",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import { Award, MapPin, Shield, Truck, Users } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutFeaturesSplit
+          tag="About Us"
+          title="Quality Mining Excellence"
+          description="With years of dedication to operational efficiency, we pride ourselves on delivering top-tier aggregate materials that build the foundation of our community. We are locally operated, fully certified, and committed to safety."
+          items={[
+            {
+              icon: Shield,
+              title: "Safety First",
+              description: "Rigorous safety standards across all operations.",
+            },
+            {
+              icon: Truck,
+              title: "Reliable Delivery",
+              description: "Efficient logistics to ensure materials arrive on time.",
+            },
+            {
+              icon: Award,
+              title: "Expert Production",
+              description: "High quality standards for all processed products.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/large-truck-carrying-sand-platinum-mining-site-africa_181624-60189.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Contact Us"
+          text="Ready to get started on your next project? Contact us for competitive pricing and expert material advice."
+          primaryButton={{
+            text: "Call (855) 877-1555",
+            href: "tel:8558771555",
+          }}
+          secondaryButton={{
+            text: "Email Sales",
+            href: "mailto:info@libertymaterials.com",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Faq.tsx

@@ -0,0 +1,38 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTwoColumn
+          tag="FAQ"
+          title="Frequently Asked Questions"
+          description="Getting the answers you need about our operations."
+          items={[
+            {
+              question: "What is your service area?",
+              answer: "We primarily serve the Conroe, Texas, and surrounding regional areas.",
+            },
+            {
+              question: "What are your operating hours?",
+              answer: "We open at 4 AM Monday through Friday for your convenience.",
+            },
+            {
+              question: "Do you provide delivery?",
+              answer: "Yes, we have a specialized fleet for all material transport needs.",
+            },
+            {
+              question: "Where is your plant located?",
+              answer: "Our main plant is situated at 19507 Moorhead Rd, Conroe, Texas.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,28 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboard
+          title="Expert Production. Exceptional Products."
+          description="Liberty Materials Inc. is your trusted source for high-quality industrial mining materials in Conroe, Texas. We deliver precision, efficiency, and exceptional service to every project."
+          primaryButton={{
+            text: "Contact Us",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Our Products",
+            href: "#products",
+          }}
+          imageSrc="https://storage.googleapis.com/webild/users/user_3F5tpD8haQWZ2SW3ZV3OQtOmKms/uploaded-1781487464567-nb0rh30i.png"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Metrics.tsx

@@ -0,0 +1,38 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
+import { Award, MapPin, Shield, Truck, Users } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsIconCards
+          tag="Our Impact"
+          title="Proven Operational Results"
+          description="Metrics that define our consistency and reliability in the Texas region."
+          metrics={[
+            {
+              icon: Truck,
+              title: "Deliveries Completed",
+              value: "15,000+",
+            },
+            {
+              icon: MapPin,
+              title: "Locations Served",
+              value: "50+",
+            },
+            {
+              icon: Users,
+              title: "Satisfied Partners",
+              value: "500+",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Products.tsx

@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "products" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div id="products" data-section="products">
+        <SectionErrorBoundary name="products">
+              <FeaturesImageBento
+          tag="Our Offerings"
+          title="Premium Mining Materials"
+          description="A diverse catalog of materials refined for heavy construction and infrastructure needs."
+          items={[
+            {
+              title: "Crushed Gravel",
+              description: "High-strength base material",
+              imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14281.jpg",
+            },
+            {
+              title: "Construction Sand",
+              description: "Washed, screened consistency",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-walking-up-abandoned-building_23-2147770392.jpg",
+            },
+            {
+              title: "Rip Rap Stones",
+              description: "Erosion control solutions",
+              imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14364.jpg",
+            },
+            {
+              title: "Quarry Operations",
+              description: "Precision extraction methods",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194778.jpg",
+            },
+            {
+              title: "Bulk Transport",
+              description: "Efficient heavy-load logistics",
+              imageSrc: "http://img.b2bpic.net/free-photo/gray-stone-bricks-heaped_1259-199.jpg",
+            },
+            {
+              title: "Quality Grading",
+              description: "Rigorous product testing",
+              imageSrc: "http://img.b2bpic.net/free-photo/morning-mountains-carpathian-ukraine-europe_1153-6128.jpg",
+            },
+            {
+              title: "Site Safety",
+              description: "Operations exceeding standards",
+              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28116.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Team.tsx

@@ -0,0 +1,37 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "team" section.
+
+import React from 'react';
+import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TeamSection(): React.JSX.Element {
+  return (
+    <div id="team" data-section="team">
+        <SectionErrorBoundary name="team">
+              <TeamStackedCards
+          tag="Leadership"
+          title="Meet the Experts"
+          description="Our dedicated team of mining professionals working to power your construction projects."
+          members={[
+            {
+              name: "James Henderson",
+              role: "Operations Manager",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108534.jpg",
+            },
+            {
+              name: "Sarah Jenkins",
+              role: "Site Safety Director",
+              imageSrc: "http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg",
+            },
+            {
+              name: "Mark Thornton",
+              role: "Logistics Lead",
+              imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6540.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Testimonials.tsx

@@ -0,0 +1,52 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialMarqueeCards
+          tag="Feedback"
+          title="What Clients Say"
+          description="Building trust through consistent performance."
+          testimonials={[
+            {
+              name: "Robert Miller",
+              role: "Contractor",
+              quote: "Excellent material quality and consistent delivery.",
+              imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18996.jpg",
+            },
+            {
+              name: "Diane Clark",
+              role: "Project Manager",
+              quote: "Liberty Materials has been our go-to for years.",
+              imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-shaking-hands_23-2147702492.jpg",
+            },
+            {
+              name: "Steven Webb",
+              role: "Site Lead",
+              quote: "Reliable operation and very easy to work with.",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman_23-2148686508.jpg",
+            },
+            {
+              name: "Linda Thompson",
+              role: "Development Lead",
+              quote: "Professional, safe, and efficient service.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
+            },
+            {
+              name: "David Ortiz",
+              role: "Construction Owner",
+              quote: "Best quarry service in the Conroe area.",
+              imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}