Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,17 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Award, Building, Wrench } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -35,7 +31,7 @@ export default function LandingPage() {
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
         { name: "Services", id: "features" },
-        { name: "Projects", id: "products" },
+        { name: "FAQ", id: "faq" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Permian Steel & Construction"
@@ -58,14 +54,6 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/man-dark-blue-uniform-working-with-hammer-plier_7502-9148.jpg"
       imageAlt="Industrial steel fabrication shop"
       mediaAnimation="slide-up"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-694.jpg", alt: "Welding professional" },
-        { src: "http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg", alt: "Shop foreman" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-metalworking-plant_146671-19585.jpg", alt: "Site supervisor" },
-        { src: "http://img.b2bpic.net/free-photo/mature-experienced-worker-is-cutting-metal-using-special-machine-tool_613910-17184.jpg", alt: "Fabrication engineer" },
-        { src: "http://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg", alt: "Construction lead" },
-      ]}
-      avatarText="Our expert team"
       marqueeItems={[
         { type: "text", text: "Structural Steel" },
         { type: "text", text: "Metal Buildings" },
@@ -99,60 +87,10 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={true}
-      products={[
-        { id: "p1", name: "Steel Storage Unit", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080289.jpg" },
-        { id: "p2", name: "Commercial Warehouse", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-old-warehouse-with-old-trains-stored-inside_181624-13915.jpg" },
-        { id: "p3", name: "Ranch Entry Gate", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-bench-made-metal-bars-park-idea-background-screensaver-article-about-travel-urban-environment_166373-3096.jpg" },
-        { id: "p4", name: "Metal Roofing System", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-160.jpg" },
-        { id: "p5", name: "Industrial I-Beams", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/detail-glass-architectures-blue-tone_1359-612.jpg" },
-        { id: "p6", name: "Staircase Fabrication", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/view-building-scaffolding_23-2148252793.jpg" },
-      ]}
-      title="Our Recent Projects"
-      description="Browse our diverse portfolio of steel buildings and custom metal fabrications."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "t1", title: "Warehouse Build", quote: "Permian Steel finished our project ahead of schedule despite challenging weather.", name: "Mark D.", role: "Site Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15654.jpg" },
-        { id: "t2", title: "Custom Fabrication", quote: "The welding quality on our custom gate is unmatched in the Midland area.", name: "Sarah J.", role: "Ranch Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-factory-worker-with-arms-crossed-standing-industrial-production-hall_342744-246.jpg" },
-        { id: "t3", title: "Field Repair", quote: "Reliable mobile service. Fixed our equipment in record time.", name: "John R.", role: "Operations Lead", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-architecture-holding-blueprint-hard-hat-looking-construction-site_23-2148204023.jpg" },
-        { id: "t4", title: "Metal Structure", quote: "Expert team, professional execution. Couldn't ask for better.", name: "Elena P.", role: "Small Biz Owner", imageSrc: "http://img.b2bpic.net/free-photo/architect-shaking-hand-businesswoman_23-2147702519.jpg" },
-        { id: "t5", title: "Design Build", quote: "Exceptional structural engineering and fabrication skills.", name: "David W.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-factory-worker-protective-equipment-holding-thumbs-up-production-hall_342744-144.jpg" },
-      ]}
-      title="Client Success Stories"
-      description="See why Permian businesses trust us with their critical infrastructure."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "m1", icon: Award, title: "Safety Awards", value: "15+" },
-        { id: "m2", icon: Wrench, title: "Certified Welders", value: "25" },
-        { id: "m3", icon: Building, title: "Structures Erected", value: "400+" },
-      ]}
-      title="By The Numbers"
-      description="Our track record reflects deep dedication to West Texas industry."
-    />
-  </div>
-
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         { id: "f1", title: "Do you serve outside Midland-Odessa?", content: "Yes, we support fabrication projects across all of West Texas upon request." },
         { id: "f2", title: "Are your welders certified?", content: "All our lead welders hold current AWS certifications for structural steel." },
@@ -161,24 +99,43 @@ export default function LandingPage() {
       title="Common Questions"
       description="Everything you need to know about starting your next steel project."
       faqsAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48546.jpg"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
-      useInvertedBackground={true}
+        tag="Get in Touch"
-      background={{ variant: "downward-rays-animated-grid" }}
+        title="Contact Permian Steel"
-      text="Ready to build? Let’s discuss your upcoming construction project today."
+        description="We are centrally located in Odessa to serve the Permian Basin. Drop us a line for inquiries or visit our office."
-      buttons={[{ text: "Call Now", href: "tel:4325550123" }]}
+        background={{ variant: "gradient-bars" }}
-    />
+        useInvertedBackground={false}
+        onSubmit={(email) => console.log("Form submitted", email)}
+        inputPlaceholder="Your inquiry details"
+        buttonText="Send Message"
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterMedia
       logoText="Permian Steel"
-      copyrightText="© 2025 Permian Steel & Construction. Proudly serving West Texas."
+      imageSrc="http://img.b2bpic.net/free-photo/industrial-landscape-sunset_1150-13617.jpg"
+      columns={[
+        {
+          title: "Contact",          items: [
+            { label: "Midland, TX 79701", href: "#" },
+            { label: "432-555-0123", href: "tel:4325550123" },
+            { label: "info@permiansteel.com", href: "mailto:info@permiansteel.com" }
+          ]
+        },
+        {
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Services", href: "#features" },
+            { label: "FAQ", href: "#faq" }
+          ]
+        }
+      ]}
+      copyrightText="© 2025 Permian Steel & Construction. All rights reserved."
     />
   </div>
       </ReactLenis>