Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Building, Building2, Globe, MapPin, Scale, Smile } from "lucide-react";
+import { AlertTriangle, Award, Building, Building2, Globe, MapPin, Scale, Smile } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Products", id: "products" },
-          name: "About",          id: "about"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="British Polythene Industries"
       button={{ text: "Get Quote", href: "#contact" }}
@@ -54,14 +50,26 @@ export default function LandingPage() {
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=1", imageAlt: "industrial geometric background navy gold" },
         { imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=2", imageAlt: "industrial geometric background navy gold" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=3", imageAlt: "industrial geometric background navy gold" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=3", imageAlt: "industrial geometric background navy gold" }
-        { imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=4", imageAlt: "industrial geometric background navy gold" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=5", imageAlt: "industrial geometric background navy gold" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=6", imageAlt: "industrial geometric background navy gold" }
       ]}
     />
   </div>
 
+  <div id="emergency" data-section="emergency">
+    <div className="py-12 bg-red-900/10 border-y border-red-500/20">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+            <div className="flex items-center justify-center mb-4 text-red-600">
+                <AlertTriangle size={48} />
+            </div>
+            <h2 className="text-3xl font-bold mb-2">Emergency Support</h2>
+            <p className="text-lg opacity-80">Critical infrastructure failures require immediate response. Our emergency dispatch team is available 24/7 for urgent technical assistance.</p>
+            <a href="tel:+441475501000" className="inline-block mt-6 px-8 py-3 bg-red-600 text-white rounded-full font-semibold hover:bg-red-700 transition-all">
+                Call Emergency Dispatch: +44 1475 501000
+            </a>
+        </div>
+    </div>
+  </div>
+
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={false}
@@ -101,10 +109,7 @@ export default function LandingPage() {
       products={[
         { id: "p1", name: "Agricultural Films", price: "High Performance", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974230.jpg" },
         { id: "p2", name: "Industrial Packaging", price: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894546.jpg" },
-        { id: "p3", name: "Construction Membranes", price: "Certified", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894524.jpg" },
+        { id: "p3", name: "Construction Membranes", price: "Certified", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894524.jpg" }
-        { id: "p4", name: "Geomembranes", price: "Environmental", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894536.jpg" },
-        { id: "p5", name: "Food Films", price: "Hygienic", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-plastic-bags_23-2148309903.jpg" },
-        { id: "p6", name: "Bespoke Solutions", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg" }
       ]}
       title="Our Industrial Solutions"
       description="Comprehensive range of high-performance polythene products engineered for demanding environments."
@@ -118,9 +123,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         { id: "f1", title: "30% Recycled Content", subtitle: "Minimizing carbon footprint", category: "Sustainability", value: "2025 Goal" },
-        { id: "f2", title: "Net Zero 2040", subtitle: "Carbon neutral manufacturing", category: "Climate", value: "Target" },
+        { id: "f2", title: "Net Zero 2040", subtitle: "Carbon neutral manufacturing", category: "Climate", value: "Target" }
-        { id: "f3", title: "Take-Back Scheme", subtitle: "Circular loop initiatives", category: "Operations", value: "Active" },
-        { id: "f4", title: "Renewable Power", subtitle: "100% green energy sourcing", category: "Energy", value: "Enabled" }
       ]}
       title="Sustainability Commitment"
       description="Pioneering the transition to a circular polythene economy."
@@ -134,10 +137,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         { id: "t1", name: "John Doe", handle: "CEO, AgriCorp", testimonial: "The precision and quality provided by British Polythene Industries is unmatched in the market.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=1" },
-        { id: "t2", name: "Jane Smith", handle: "Director, BuildCo", testimonial: "Reliable, robust, and committed to sustainability. A true partner for our construction projects.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=1" },
+        { id: "t2", name: "Jane Smith", handle: "Director, BuildCo", testimonial: "Reliable, robust, and committed to sustainability. A true partner for our construction projects.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=1" }
-        { id: "t3", name: "Alan Rick", handle: "Ops Lead, FoodSafe", testimonial: "Their bespoke film solutions have transformed our packaging efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=2" },
-        { id: "t4", name: "Elena V.", handle: "Manager, GlobalPkg", testimonial: "Exceptional customer service and technical expertise throughout every engagement.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=2" },
-        { id: "t5", name: "Mark Evans", handle: "Engineer, InfraGroup", testimonial: "Industry standard setters. Their geomembranes are the benchmark for our work.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=3" }
       ]}
       title="Industry Leaders Speak"
       description="See why top-tier partners trust us."
@@ -145,24 +145,21 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
       tag="Get In Touch"
-      title="Contact Our Team"
+      title="Contact Our Technical Team"
-      description="Speak to our technical experts at +44 1475 501000 or fill out the form below."
+      description="Our experts are ready to assist with custom specifications and industrial requirements."
+      background={{ variant: "gradient-bars" }}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894536.jpg"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="British Polythene Industries"
-      columns={[
+      leftLink={{ text: "One London Wall, London, EC2Y 5EA", href: "#" }}
-        { title: "Products", items: [{ label: "Agricultural", href: "#products" }, { label: "Construction", href: "#products" }] },
+      rightLink={{ text: "© 2024 British Polythene Industries", href: "#" }}
-        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Sustainability", href: "#sustainability" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Registration", href: "#" }] }
-      ]}
-      copyrightText="© 2024 British Polythene Industries. Company Reg: SC000000."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000612;
+  --background: #0e1629;
-  --card: #050d1d;
+  --card: #18243d;
-  --foreground: #f8f9fa;
+  --foreground: #e0e7f1;
-  --primary-cta: #d4af37;
+  --primary-cta: #c87d4d;
   --primary-cta-text: #000000;
-  --secondary-cta: #15479c;
+  --secondary-cta: #4b6c92;
   --secondary-cta-text: #ffffff;
-  --accent: #d4af37;
+  --accent: #c87d4d;
-  --background-accent: #0a1a36;
+  --background-accent: #1e3352;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);