From 0d7819fd3b79587604e3e4fc3b35cb5e359d3d2c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 21 May 2026 01:11:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 216 ++++++++---------------------------------------
 1 file changed, 33 insertions(+), 183 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b2955f2..4cfc449 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Projects",
-          id: "#projects",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Services", id: "#services" },
+        { name: "Projects", id: "#portfolio" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="ANDES"
     />
@@ -55,41 +43,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background="fluid"
+      background={{ variant: "rotated-rays-animated" }}
       title="Precision Framing. Scaled Excellence Delivered."
       description="Trusted by top-tier developers and GCs for 20 years of consistent, safety-first execution across Western North America."
       tag="Construction Partner of Choice"
       buttons={[
-        {
-          text: "Request a Project Quote",
-          href: "#contact",
-        },
-        {
-          text: "View Our Portfolio",
-          href: "#services",
-        },
+        { text: "Request a Project Quote", href: "#contact" },
+        { text: "View Our Portfolio", href: "#portfolio" },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/apartments-underneath-bridge_181624-618.jpg",
-          imageAlt: "Construction site framing",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/apartments-underneath-bridge_181624-618.jpg",          imageAlt: "Construction site framing"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-wooden-ceiling-cool-house-with-modern-minimalistic-interior_181624-6753.jpg",
-          imageAlt: "Interior drywall construction",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg",
-          imageAlt: "Centre Pompidou under a blue sky",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-ferris-wheel-against-blue-sky_23-2147910417.jpg",
-          imageAlt: "Close-up of white ferris wheel",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-construction_23-2148139971.jpg",
-          imageAlt: "Building under construction",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-wooden-ceiling-cool-house-with-modern-minimalistic-interior_181624-6753.jpg",          imageAlt: "Interior drywall construction"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -105,25 +71,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Drywall Systems",
-          description: "High-performance installation with advanced acoustical and fire-rated solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-workers-job_23-2149366671.jpg",
-        },
+          title: "Drywall Systems",          description: "High-performance installation with advanced acoustical and fire-rated solutions.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-workers-job_23-2149366671.jpg"},
         {
-          title: "Framing & Stud Work",
-          description: "Precision steel stud installation for complex commercial architectural layouts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg",
-        },
+          title: "Framing & Stud Work",          description: "Precision steel stud installation for complex commercial architectural layouts.",          imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg"},
         {
-          title: "Taping & Finishing",
-          description: "Flawless wall surfaces for premium corporate and hospitality interiors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg",
-        },
+          title: "Taping & Finishing",          description: "Flawless wall surfaces for premium corporate and hospitality interiors.",          imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg"},
         {
-          title: "Commercial Solutions",
-          description: "Custom structural framing for large-scale developments and expansions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg",
-        },
+          title: "Commercial Solutions",          description: "Custom structural framing for large-scale developments and expansions.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg"},
       ]}
       title="Our Expertise"
       description="Delivering high-precision trade solutions for complex commercial builds."
@@ -135,21 +89,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Scale & Impact"
       metrics={[
-        {
-          icon: Award,
-          label: "Years Experience",
-          value: "20+",
-        },
-        {
-          icon: Shield,
-          label: "Projects Completed",
-          value: "500+",
-        },
-        {
-          icon: Zap,
-          label: "Square Feet Installed",
-          value: "15M+",
-        },
+        { icon: Award, label: "Years Experience", value: "20+" },
+        { icon: Shield, label: "Projects Completed", value: "500+" },
+        { icon: Zap, label: "Square Feet Installed", value: "15M+" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -157,46 +99,17 @@ export default function LandingPage() {
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardThree
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Downtown Tech Center",
-          price: "High-Rise Framing",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-plastering-trowel_23-2149328073.jpg",
-        },
+          id: "p1",          name: "Downtown Tech Center",          price: "High-Rise Framing",          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-plastering-trowel_23-2149328073.jpg"},
         {
-          id: "p2",
-          name: "Vancouver Mixed-Use",
-          price: "Steel Stud Solution",
-          imageSrc: "http://img.b2bpic.net/free-photo/reflection-opened-window_122409-25.jpg",
-        },
+          id: "p2",          name: "Vancouver Mixed-Use",          price: "Steel Stud Solution",          imageSrc: "http://img.b2bpic.net/free-photo/reflection-opened-window_122409-25.jpg"},
         {
-          id: "p3",
-          name: "Denver HQ expansion",
-          price: "Full Build-Out",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-holding-plan-new-apartments-thoughtfully-looking-wall-with-big-window-background_574295-1604.jpg",
-        },
-        {
-          id: "p4",
-          name: "Edmonton Hospital Wing",
-          price: "Safety-Compliant Build",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283235.jpg",
-        },
-        {
-          id: "p5",
-          name: "Luxury Hotel Lobby",
-          price: "Interior Finishing",
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-empty-office_23-2147668765.jpg",
-        },
-        {
-          id: "p6",
-          name: "Airport Logistics Hub",
-          price: "Structural Framing",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-glass-structure_1127-2042.jpg",
-        },
+          id: "p3",          name: "Denver HQ expansion",          price: "Full Build-Out",          imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-holding-plan-new-apartments-thoughtfully-looking-wall-with-big-window-background_574295-1604.jpg"},
       ]}
       title="Recent Projects"
       description="Showcasing operational excellence and structural integrity on high-stakes builds."
@@ -210,40 +123,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "James Henderson",
-          role: "CEO",
-          testimonial: "Andes Construction is our first call for high-stakes projects. Their framing precision is unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-business-professional-thinking-ideas_74855-1170.jpg",
-        },
+          id: "t1",          name: "James Henderson",          role: "CEO",          testimonial: "Andes Construction is our first call for high-stakes projects. Their framing precision is unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/pensive-business-professional-thinking-ideas_74855-1170.jpg"},
         {
-          id: "t2",
-          name: "Maria Garcia",
-          role: "Project Manager",
-          testimonial: "Consistently delivered on tight schedules without compromising structural integrity or safety.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-young-female-construction-worker-with-yellow-helmet-daytime_181624-53062.jpg",
-        },
+          id: "t2",          name: "Maria Garcia",          role: "Project Manager",          testimonial: "Consistently delivered on tight schedules without compromising structural integrity or safety.",          imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-young-female-construction-worker-with-yellow-helmet-daytime_181624-53062.jpg"},
         {
-          id: "t3",
-          name: "David Thorne",
-          role: "Senior Engineer",
-          testimonial: "Expertise in complex framing and stud work is exactly what our high-rise projects require.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elise Chen",
-          role: "Facilities Lead",
-          testimonial: "Transparency, communication, and exceptional finishing work throughout the entire build.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
-        },
-        {
-          id: "t5",
-          name: "Robert Miller",
-          role: "Director",
-          testimonial: "Best partner we’ve worked with in twenty years of construction management. Absolute professionals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-schematics_23-2148269799.jpg",
-        },
+          id: "t3",          name: "David Thorne",          role: "Senior Engineer",          testimonial: "Expertise in complex framing and stud work is exactly what our high-rise projects require.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg"}
       ]}
       title="Trusted by the Best"
       description="What our commercial developer partners say about us."
@@ -256,20 +140,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "What regions do you serve?",
-          content: "We provide framing, drywall, and steel stud services in Edmonton, Vancouver, and Denver.",
-        },
+          id: "f1",          title: "What regions do you serve?",          content: "We provide framing, drywall, and steel stud services in Edmonton, Vancouver, and Denver."},
         {
-          id: "f2",
-          title: "Can you handle multi-million dollar projects?",
-          content: "Yes, we specialize in high-stakes construction requiring strict adherence to safety and schedules.",
-        },
+          id: "f2",          title: "Can you handle multi-million dollar projects?",          content: "Yes, we specialize in high-stakes construction requiring strict adherence to safety and schedules."},
         {
-          id: "f3",
-          title: "How do we request a quote?",
-          content: "Please fill out our project inquiry form via the contact page and we will respond within 24 hours.",
-        },
+          id: "f3",          title: "How do we request a quote?",          content: "Please fill out our project inquiry form via the contact page and we will respond within 24 hours."},
       ]}
       title="Common Questions"
       faqsAnimation="blur-reveal"
@@ -284,21 +159,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "0",
-          description: "Lost-Time Injuries",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          description: "Project Timeline Adherence",
-        },
-        {
-          id: "m3",
-          value: "95%",
-          description: "Client Retention Rate",
-        },
+        { id: "m1", value: "0", description: "Lost-Time Injuries" },
+        { id: "m2", value: "98%", description: "Project Timeline Adherence" },
+        { id: "m3", value: "95%", description: "Client Retention Rate" },
       ]}
       title="Safety & Operational Performance"
       description="Built on a foundation of safety and operational transparency."
@@ -308,30 +171,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      background={{ variant: "rotated-rays-animated" }}
       text="Ready to scale your next development? Our team is standing by to review your tender documents and provide comprehensive framing solutions."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="ANDES CONSTRUCTION"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1