From 9d04542f2e0cf6d56ed44e8c87cbea5e798f546b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 19:23:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 482 ++++++++++++++---------------------------------
 1 file changed, 144 insertions(+), 338 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index abbdbc5..41feb31 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,353 +28,159 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Kohan-Azarakhsh-Spadana"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Products", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Kohan-Azarakhsh-Spadana"
+            button={{ text: "Get Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Your Global Partner in Premium Cement & Clinker"
-      description="Kohan-Azarakhsh-Spadana provides high-grade industrial materials for large-scale construction projects worldwide. Reliable, consistent, and sustainable."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@contruction_lead",
-          testimonial: "Exceptional quality of clinker. Consistent supply even under tight schedules.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-level_23-2147702531.jpg",
-        },
-        {
-          name: "Mark D.",
-          handle: "@infra_proj",
-          testimonial: "Their logistics are unmatched. Every delivery was on time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-blue-shirt-schematics_23-2148269824.jpg",
-        },
-        {
-          name: "Elena R.",
-          handle: "@arch_design",
-          testimonial: "High-grade cement that meets all engineering standards. Very satisfied.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
-        },
-        {
-          name: "David W.",
-          handle: "@procure_co",
-          testimonial: "Reliable communication and top-tier materials. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-o_1139-973.jpg",
-        },
-        {
-          name: "Sofia K.",
-          handle: "@build_partners",
-          testimonial: "Outstanding consistency in clinker quality. Our first choice.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/architect-holding-plan_23-2147702102.jpg",
-          alt: "Architect holding plan",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg",
-          alt: "Three architects with plans",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-20550.jpg",
-          alt: "Handsome business man engineer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg",
-          alt: "Close up on interviewee taking notes",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg",
-          alt: "Architect being serious",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "ISO 9001 Certified",
-        },
-        {
-          type: "text",
-          text: "Global Shipping",
-        },
-        {
-          type: "text",
-          text: "Sustainable Production",
-        },
-        {
-          type: "text",
-          text: "Bulk Clinker Experts",
-        },
-        {
-          type: "text",
-          text: "Premium Grade Cement",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Your Global Partner in Premium Cement & Clinker"
+            description="Kohan-Azarakhsh-Spadana provides high-grade industrial materials for large-scale construction projects worldwide. Reliable, consistent, and sustainable."
+            testimonials={[
+              { name: "Sarah J.", handle: "@contruction_lead", testimonial: "Exceptional quality of clinker. Consistent supply even under tight schedules.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-level_23-2147702531.jpg" },
+              { name: "Mark D.", handle: "@infra_proj", testimonial: "Their logistics are unmatched. Every delivery was on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-blue-shirt-schematics_23-2148269824.jpg" },
+              { name: "Elena R.", handle: "@arch_design", testimonial: "High-grade cement that meets all engineering standards. Very satisfied.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
+              { name: "David W.", handle: "@procure_co", testimonial: "Reliable communication and top-tier materials. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-o_1139-973.jpg" },
+              { name: "Sofia K.", handle: "@build_partners", testimonial: "Outstanding consistency in clinker quality. Our first choice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/architect-holding-plan_23-2147702102.jpg", alt: "Architect holding plan" },
+              { src: "http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg", alt: "Three architects with plans" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-20550.jpg", alt: "Handsome business man engineer" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg", alt: "Close up on interviewee taking notes" },
+              { src: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg", alt: "Architect being serious" }
+            ]}
+            marqueeItems={[
+              { type: "text", text: "ISO 9001 Certified" },
+              { type: "text", text: "Global Shipping" },
+              { type: "text", text: "Sustainable Production" },
+              { type: "text", text: "Bulk Clinker Experts" },
+              { type: "text", text: "Premium Grade Cement" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "Leading the Way in Industrial Material Supply",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-assembly-line-producing-fiberglass-heavy-industry-machinery-metalworking-workshop-concept_645730-506.jpg",
-          alt: "Cement plant facility",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "Leading the Way in Industrial Material Supply" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-assembly-line-producing-fiberglass-heavy-industry-machinery-metalworking-workshop-concept_645730-506.jpg", alt: "Cement plant facility" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Supply",
-          title: "Large-Scale Capacity",
-          subtitle: "Consistent volume",
-          description: "We maintain steady production levels to guarantee continuous supply for massive projects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-busy-container-port-sunset_23-2152021828.jpg",
-        },
-        {
-          tag: "Quality",
-          title: "Standardized Testing",
-          subtitle: "Certified excellence",
-          description: "Every batch undergoes rigorous quality testing to ensure complete adherence to global engineering standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg",
-        },
-        {
-          tag: "Logistics",
-          title: "Global Logistics",
-          subtitle: "Seamless delivery",
-          description: "Our sophisticated transportation network ensures your materials reach site safely and promptly anywhere in the world.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-pallet-truck_23-2148902570.jpg",
-        },
-      ]}
-      title="Why Choose Us"
-      description="We ensure your construction needs are met with industry-leading efficiency."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNineteen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Supply", title: "Large-Scale Capacity", subtitle: "Consistent volume", description: "We maintain steady production levels to guarantee continuous supply for massive projects.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-busy-container-port-sunset_23-2152021828.jpg" },
+              { tag: "Quality", title: "Standardized Testing", subtitle: "Certified excellence", description: "Every batch undergoes rigorous quality testing to ensure complete adherence to global engineering standards.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg" },
+              { tag: "Logistics", title: "Global Logistics", subtitle: "Seamless delivery", description: "Our sophisticated transportation network ensures your materials reach site safely and promptly anywhere in the world.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-pallet-truck_23-2148902570.jpg" }
+            ]}
+            title="Why Choose Us"
+            description="We ensure your construction needs are met with industry-leading efficiency."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Portland Cement Grade 42.5",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/diagonal-concrete-texture-abstract-gray-pattern-design_84443-55427.jpg",
-        },
-        {
-          id: "p2",
-          name: "Raw Portland Clinker",
-          price: "Contact for Rates",
-          imageSrc: "http://img.b2bpic.net/free-photo/soft-concrete-texture_1194-9034.jpg",
-        },
-        {
-          id: "p3",
-          name: "Sulphate-Resistant Cement",
-          price: "Inquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-filled-with-coffee-tea-sealed-packages-plastic-box-concrete-floor-warehouse_346278-587.jpg",
-        },
-        {
-          id: "p4",
-          name: "Bulk Cement Powder",
-          price: "Wholesale Only",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1918.jpg",
-        },
-        {
-          id: "p5",
-          name: "High-Early Strength Cement",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-547.jpg",
-        },
-        {
-          id: "p6",
-          name: "Industrial Clinker Mix",
-          price: "Inquire",
-          imageSrc: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg",
-        },
-      ]}
-      title="Our Materials"
-      description="High-performance products for heavy industry."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Portland Cement Grade 42.5", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/diagonal-concrete-texture-abstract-gray-pattern-design_84443-55427.jpg" },
+              { id: "p2", name: "Raw Portland Clinker", price: "Contact for Rates", imageSrc: "http://img.b2bpic.net/free-photo/soft-concrete-texture_1194-9034.jpg" },
+              { id: "p3", name: "Sulphate-Resistant Cement", price: "Inquire", imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-filled-with-coffee-tea-sealed-packages-plastic-box-concrete-floor-warehouse_346278-587.jpg" },
+              { id: "p4", name: "Bulk Cement Powder", price: "Wholesale Only", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1918.jpg" },
+              { id: "p5", name: "High-Early Strength Cement", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-547.jpg" },
+              { id: "p6", name: "Industrial Clinker Mix", price: "Inquire", imageSrc: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg" }
+            ]}
+            title="Our Materials"
+            description="High-performance products for heavy industry."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1M+ Tons",
-          description: "Annual Supply Capacity",
-        },
-        {
-          id: "m2",
-          value: "50+ Countries",
-          description: "Active Global Markets",
-        },
-        {
-          id: "m3",
-          value: "99.8%",
-          description: "Quality Compliance Rate",
-        },
-      ]}
-      title="Our Global Impact"
-      description="Numbers that define our reliability."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="depth-3d"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "1M+ Tons", description: "Annual Supply Capacity" },
+              { id: "m2", value: "50+ Countries", description: "Active Global Markets" },
+              { id: "m3", value: "99.8%", description: "Quality Compliance Rate" }
+            ]}
+            title="Our Global Impact"
+            description="Numbers that define our reliability."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Project Reliability",
-          quote: "Consistency in quality is what makes them our prime partner.",
-          name: "Amir M.",
-          role: "Site Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
-        },
-        {
-          id: "t2",
-          title: "Top-tier Service",
-          quote: "Professional communication and on-time shipment every time.",
-          name: "Sara H.",
-          role: "Logistics Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg",
-        },
-        {
-          id: "t3",
-          title: "Engineering Standards",
-          quote: "The technical specifications of their cement are excellent.",
-          name: "Reza K.",
-          role: "Senior Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg",
-        },
-        {
-          id: "t4",
-          title: "Scaling Success",
-          quote: "Enabled us to finish our project ahead of schedule.",
-          name: "Leila F.",
-          role: "Project Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
-        },
-        {
-          id: "t5",
-          title: "Preferred Choice",
-          quote: "Will definitely work with Kohan-Azarakhsh-Spadana again.",
-          name: "Ali B.",
-          role: "Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-wearing-safety-glasses-adjusts-machinery-warehouse-demonstrating-production_482257-135648.jpg",
-        },
-      ]}
-      title="Industry Trusted"
-      description="Hear from our partners."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", title: "Project Reliability", quote: "Consistency in quality is what makes them our prime partner.", name: "Amir M.", role: "Site Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
+              { id: "t2", title: "Top-tier Service", quote: "Professional communication and on-time shipment every time.", name: "Sara H.", role: "Logistics Lead", imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg" },
+              { id: "t3", title: "Engineering Standards", quote: "The technical specifications of their cement are excellent.", name: "Reza K.", role: "Senior Engineer", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886868.jpg" },
+              { id: "t4", title: "Scaling Success", quote: "Enabled us to finish our project ahead of schedule.", name: "Leila F.", role: "Project Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg" },
+              { id: "t5", title: "Preferred Choice", quote: "Will definitely work with Kohan-Azarakhsh-Spadana again.", name: "Ali B.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-wearing-safety-glasses-adjusts-machinery-warehouse-demonstrating-production_482257-135648.jpg" }
+            ]}
+            title="Industry Trusted"
+            description="Hear from our partners."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "What are your minimum order quantities?",
-          content: "Our MOQ typically starts at 500 tons for clinker exports.",
-        },
-        {
-          id: "f2",
-          title: "Can you provide custom shipping terms?",
-          content: "Yes, we offer flexible CIF and FOB terms depending on client requirements.",
-        },
-        {
-          id: "f3",
-          title: "How do you ensure material quality?",
-          content: "Our labs perform ISO-compliant testing on every single batch before loading.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-drawing-project_23-2148903474.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Common inquiries about our supply."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "What are your minimum order quantities?", content: "Our MOQ typically starts at 500 tons for clinker exports." },
+              { id: "f2", title: "Can you provide custom shipping terms?", content: "Yes, we offer flexible CIF and FOB terms depending on client requirements." },
+              { id: "f3", title: "How do you ensure material quality?", content: "Our labs perform ISO-compliant testing on every single batch before loading." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-drawing-project_23-2148903474.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Common inquiries about our supply."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Inquiry"
-      title="Ready to Discuss Your Project?"
-      description="Contact our supply team today for quotes and availability."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Inquiry"
+            title="Ready to Discuss Your Project?"
+            description="Contact our supply team today for quotes and availability."
+            buttons={[{ text: "Contact Support", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Kohan-Azarakhsh-Spadana"
-      copyrightText="© 2025 | All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Kohan-Azarakhsh-Spadana"
+            copyrightText="© 2025 | All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1