bender/f9f3549b-8d28-4bcc-9981-08dbf8a4ebae
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-21 01:11:50 +00:00
parent a2f8daa5b2
commit 0d7819fd3b
1 changed files with 33 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
src/app/page.tsx
View File

@@ -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>