Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -34,23 +34,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
-      brandName="Glass Beveling"
+      brandName="Glass Beveling Service"
     />
   </div>
 
@@ -60,39 +52,23 @@ export default function LandingPage() {
       description="Exquisite craftsmanship and precision beveling for premium mirrors and architectural glass. Elevating interiors with reflective brilliance."
       buttons={[
         {
-          text: "Explore Services",
+          text: "Explore Services",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       slides={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c0qrjb",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cuczgc1qa6fF0suHI5gKoMw2pD/uploaded-1777240606034-tczlb2rw.webp",          imageAlt: "glass manufacturing factory interior"},
-          imageAlt: "glass manufacturing factory interior",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4yotn",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cuczgc1qa6fF0suHI5gKoMw2pD/uploaded-1777240948598-kkiszjg8.webp",          imageAlt: "modern mirror glass display"},
-          imageAlt: "modern mirror glass display",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k86mn4",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k86mn4",          imageAlt: "architectural glass industrial design"},
-          imageAlt: "architectural glass industrial design",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e9fkan",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e9fkan",          imageAlt: "glass production lines precision"},
-          imageAlt: "glass production lines precision",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89viwv",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89viwv",          imageAlt: "industrial glass fabrication workshop"},
-          imageAlt: "industrial glass fabrication workshop",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jvvjy0",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cuczgc1qa6fF0suHI5gKoMw2pD/uploaded-1777240606034-tczlb2rw.webp",          imageAlt: "glass reflection modern office"},
-          imageAlt: "glass reflection modern office",
-        },
       ]}
     />
   </div>
@@ -118,26 +94,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Durability",          subtitle: "Toughened for safety",          category: "Quality",          value: "Lifetime Guarantee"},
-          title: "Durability",
-          subtitle: "Toughened for safety",
-          category: "Quality",
-          value: "Lifetime Guarantee",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Precision",          subtitle: "Bespoke cut accuracy",          category: "Craft",          value: "0.1mm Tolerance"},
-          title: "Precision",
-          subtitle: "Bespoke cut accuracy",
-          category: "Craft",
-          value: "0.1mm Tolerance",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Efficiency",          subtitle: "Fast production lead",          category: "Service",          value: "48h Turnaround"},
-          title: "Efficiency",
-          subtitle: "Fast production lead",
-          category: "Service",
-          value: "48h Turnaround",
-        },
       ]}
       title="Why Choose Us"
       description="Unmatched quality in every cut."
@@ -152,41 +113,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Silver Bevelled Mirror",          price: "$149",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zgn45x"},
-          name: "Silver Bevelled Mirror",
-          price: "$149",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zgn45x",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Frameless Modern Mirror",          price: "$299",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hewqqc"},
-          name: "Frameless Modern Mirror",
-          price: "$299",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hewqqc",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Minimalist Wall Glass",          price: "$199",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q535lf"},
-          name: "Minimalist Wall Glass",
-          price: "$199",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q535lf",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Geometric Wall Art",          price: "$349",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x11h4w"},
-          name: "Geometric Wall Art",
-          price: "$349",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x11h4w",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Oval Bathroom Mirror",          price: "$249",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8bab8p"},
-          name: "Oval Bathroom Mirror",
-          price: "$249",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8bab8p",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Premium Polished Mirror",          price: "$279",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12d4e4"},
-          name: "Premium Polished Mirror",
-          price: "$279",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12d4e4",
-        },
       ]}
       title="Our Glass Collections"
       description="Browse our range of high-quality glass and mirror solutions."
@@ -200,26 +137,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15k+",          title: "Mirrors Made",          description: "Successfully installed globally.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3z44p0"},
-          value: "15k+",
-          title: "Mirrors Made",
-          description: "Successfully installed globally.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3z44p0",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          title: "Partners",          description: "Trusted by leading design firms.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02p3t0"},
-          value: "500+",
-          title: "Partners",
-          description: "Trusted by leading design firms.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02p3t0",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          title: "Satisfaction",          description: "Delivering excellence consistently.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6ira7"},
-          value: "98%",
-          title: "Satisfaction",
-          description: "Delivering excellence consistently.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6ira7",
-        },
       ]}
       title="Our Impact"
       description="Metrics that speak for themselves."
@@ -232,45 +154,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          title: "Outstanding",          quote: "The mirror clarity is incredible.",          name: "Jane D.",          role: "Designer",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zik7hr"},
-          title: "Outstanding",
-          quote: "The mirror clarity is incredible.",
-          name: "Jane D.",
-          role: "Designer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zik7hr",
-        },
         {
-          id: "t2",
+          id: "t2",          title: "Professional",          quote: "Best beveling I have ever seen.",          name: "Mark S.",          role: "Architect",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zgtr7a"},
-          title: "Professional",
-          quote: "Best beveling I have ever seen.",
-          name: "Mark S.",
-          role: "Architect",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zgtr7a",
-        },
         {
-          id: "t3",
+          id: "t3",          title: "Reliable",          quote: "Fast and pristine service.",          name: "Alice T.",          role: "Homeowner",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rtlbbn"},
-          title: "Reliable",
-          quote: "Fast and pristine service.",
-          name: "Alice T.",
-          role: "Homeowner",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rtlbbn",
-        },
         {
-          id: "t4",
+          id: "t4",          title: "Brilliant",          quote: "Our office looks so modern now.",          name: "Bob R.",          role: "Developer",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s9pfsz"},
-          title: "Brilliant",
-          quote: "Our office looks so modern now.",
-          name: "Bob R.",
-          role: "Developer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s9pfsz",
-        },
         {
-          id: "t5",
+          id: "t5",          title: "Perfection",          quote: "Exquisite quality in every piece.",          name: "Sarah P.",          role: "Manager",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lsatdf"},
-          title: "Perfection",
-          quote: "Exquisite quality in every piece.",
-          name: "Sarah P.",
-          role: "Manager",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lsatdf",
-        },
       ]}
       title="Client Success"
       description="Hear from our happy clients."
@@ -282,14 +174,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       names={[
-        "Design Dynamics",
+        "Design Dynamics",        "Urban Construction",        "Grand Hospitality",        "Renovation Home",        "Retail Spaces",        "Corporate Interior",        "City Builders"]}
-        "Urban Construction",
-        "Grand Hospitality",
-        "Renovation Home",
-        "Retail Spaces",
-        "Corporate Interior",
-        "City Builders",
-      ]}
       title="Trusted By Industry Leaders"
       description="Collaborating with premium design and architectural firms."
     />
@@ -300,20 +185,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
+          id: "faq1",          title: "Can you handle custom shapes?",          content: "Absolutely, we specialize in complex custom glass shapes and sizes."},
-          title: "Can you handle custom shapes?",
-          content: "Absolutely, we specialize in complex custom glass shapes and sizes.",
-        },
         {
-          id: "faq2",
+          id: "faq2",          title: "What is the lead time?",          content: "Our standard production lead time is 48 hours for most custom orders."},
-          title: "What is the lead time?",
-          content: "Our standard production lead time is 48 hours for most custom orders.",
-        },
         {
-          id: "faq3",
+          id: "faq3",          title: "Do you provide installation?",          content: "Yes, we offer professional installation for all glass and mirror products."},
-          title: "Do you provide installation?",
-          content: "Yes, we offer professional installation for all glass and mirror products.",
-        },
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about our services."
@@ -322,59 +198,34 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactText
+      text="Get a Free Consultation for Your Glass Project"
+      background={{ variant: "animated-grid" }}
       useInvertedBackground={true}
-      title="Get in Touch"
+      buttons={[
-      description="Request a quote or ask us any questions."
+          { text: "Get a Quote", href: "#contact" }
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-      }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qf2gk8"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBase
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u69ciu"
       logoText="Glass Beveling Service"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Beveling",
+              label: "Beveling",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Mirror Manufacturing",
+              label: "Mirror Manufacturing",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -383,4 +234,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f5f5;
   --card: #ffffff;
   --foreground: #087588;
   --primary-cta: #ffffff;