Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Our Products",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Our Products", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Metalex Steel"
     />
@@ -52,23 +40,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Precision Steel Strips & Beryllium Copper Solutions"
-      description="Metalex Steel Strips Pvt. Ltd. delivers premium-grade metal solutions from Bangalore to across India, ensuring precision slitting and superior supply quality."
-      imageSrc="http://img.b2bpic.net/free-photo/amazing-view-modern-swimming-pool_23-2148326876.jpg"
-      imageAlt="Steel manufacturing facility"
+      background={{ variant: "gradient-bars" }}
+      title="Precision Steel & Specialty Metal Solutions"
+      description="Metalex Steel Strips Pvt. Ltd. delivers premium-grade metal solutions from Bangalore, ensuring precision slitting and superior supply quality for demanding industrial needs."
+      imageSrc="https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=1200&auto=format&fit=crop"
+      imageAlt="High-quality steel coils"
       buttons={[
-        {
-          text: "Explore Products",
-          href: "#features",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "Explore Products", href: "#features" },
+        { text: "Contact Us", href: "#contact" },
       ]}
+      className="text-left items-start"
     />
   </div>
 
@@ -77,50 +58,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Commitment to Industry"
       metrics={[
-        {
-          icon: Zap,
-          label: "Years Experience",
-          value: "15+",
-        },
-        {
-          icon: ShieldCheck,
-          label: "Projects Completed",
-          value: "500+",
-        },
-        {
-          icon: Award,
-          label: "Global Standards",
-          value: "ISO Certified",
-        },
+        { icon: Zap, label: "Years Experience", value: "15+" },
+        { icon: ShieldCheck, label: "Projects Completed", value: "500+" },
+        { icon: Award, label: "Global Standards", value: "ISO Certified" },
       ]}
       metricsAnimation="slide-up"
+      className="text-left items-start"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureBorderGlow
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Settings,
-          title: "Precision Slitting",
-          description: "Expertly cut steel strips according to your exact dimensions and tolerances.",
-        },
-        {
-          icon: Gauge,
-          title: "Beryllium Copper",
-          description: "High-performance beryllium copper coils for specialized industrial applications.",
-        },
-        {
-          icon: Truck,
-          title: "Nationwide Supply",
-          description: "Reliable logistics and delivery services from our Bangalore facility to your doorstep.",
-        },
+        { icon: Settings, title: "Precision Slitting", description: "Expertly cut steel strips according to your exact dimensions and tolerances." },
+        { icon: Gauge, title: "Specialty Metal Alloys", description: "High-performance steel and alloy coils designed for demanding industrial applications." },
+        { icon: Truck, title: "Nationwide Supply", description: "Reliable logistics and delivery services from our Bangalore facility to your doorstep." },
       ]}
       title="Our Expertise"
-      description="Specializing in precise cutting and reliable supply for various metallic requirements."
+      description="Specializing in precise cutting and reliable metal supply for various industrial requirements."
     />
   </div>
 
@@ -132,31 +90,11 @@ export default function LandingPage() {
       description="Common questions regarding our manufacturing standards, supply capabilities, and service regions."
       faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "1",
-          title: "What is the typical lead time for custom slit strips?",
-          content: "Our standard lead time for processed and slit strips is 5-7 business days, depending on material availability and order volume.",
-        },
-        {
-          id: "2",
-          title: "Do you offer shipping across India?",
-          content: "Yes, we utilize a network of reliable freight partners to ensure safe and timely delivery from our Bangalore facility to all major industrial hubs in India.",
-        },
-        {
-          id: "3",
-          title: "Are your beryllium copper products compliant with international standards?",
-          content: "Absolutely. All our beryllium copper offerings are sourced and tested to meet rigorous international metallurgical standards.",
-        },
-        {
-          id: "4",
-          title: "Can you handle high-tolerance precision cutting?",
-          content: "Yes, our facility is equipped with high-precision slitting machinery that allows us to meet stringent customer specifications with minimal variance.",
-        },
-        {
-          id: "5",
-          title: "Do you provide material certification?",
-          content: "Every shipment includes standard material test certificates upon request to ensure traceability and quality compliance for your audits.",
-        },
+        { id: "1", title: "What is the typical lead time for custom slit strips?", content: "Our standard lead time for processed and slit strips is 5-7 business days, depending on material availability and order volume." },
+        { id: "2", title: "Do you offer shipping across India?", content: "Yes, we utilize a network of reliable freight partners to ensure safe and timely delivery from our Bangalore facility to all major industrial hubs in India." },
+        { id: "3", title: "Are your metal products compliant with international standards?", content: "Absolutely. All our offerings are sourced and tested to meet rigorous international metallurgical standards." },
+        { id: "4", title: "Can you handle high-tolerance precision cutting?", content: "Yes, our facility is equipped with high-precision slitting machinery that allows us to meet stringent customer specifications with minimal variance." },
+        { id: "5", title: "Do you provide material certification?", content: "Every shipment includes standard material test certificates upon request to ensure traceability and quality compliance for your audits." },
       ]}
     />
   </div>
@@ -164,13 +102,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in Touch"
       title="Contact Us"
-      description="Have inquiries about our coils or slitting services? Reach out to us."
-      inputPlaceholder="Enter your email address to get in touch"
+      description="Have inquiries about our metal coils or slitting services? Reach out to us today."
+      inputPlaceholder="Enter your email address"
       buttonText="Send Message"
     />
   </div>
@@ -179,32 +115,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Metalex Steel Strips Pvt. Ltd."
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Products",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#features" }] },
+        { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
       ]}
       copyrightText="© 2024 Metalex Steel Strips Pvt. Ltd. All rights reserved."
     />
@@ -212,4 +124,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #e0e0e0;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
-  --primary-cta-text: #f5f5f5;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
+  --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #a8a8a8;
-  --background-accent: #d1d1d1;
+  --secondary-cta-text: #001122;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);