From 98c9faf837c1310a43ec4c72f089389bc7ea8df9 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 31 Mar 2026 14:44:17 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 280 +++++++++-------------------------------------- 1 file changed, 53 insertions(+), 227 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c83f07a..ff5db6f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,27 +19,22 @@ export default function LandingPage() { defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -93,21 +64,9 @@ export default function LandingPage() { useInvertedBackground={false} title="Built on Trust" metrics={[ - { - icon: Building, - label: "Projects Completed", - value: "250+", - }, - { - icon: Users, - label: "Happy Clients", - value: "180+", - }, - { - icon: Award, - label: "Industry Awards", - value: "35+", - }, + { icon: Building, label: "Projects Completed", value: "250+" }, + { icon: Users, label: "Happy Clients", value: "180+" }, + { icon: Award, label: "Industry Awards", value: "35+" }, ]} metricsAnimation="slide-up" /> @@ -118,56 +77,26 @@ export default function LandingPage() { animationType="slide-up" textboxLayout="split" useInvertedBackground={true} - features={[ - { - id: 1, - title: "Sustainable Construction", - description: "We prioritize eco-friendly materials and energy-efficient building practices for long-term value.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg?_wi=1", - imageAlt: "Sustainable methods", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg?_wi=1", - imageAlt: "Green technology", - }, - imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-information-charts-using-paperwork-online-research-digital-tablet-people-planning-business-report-with-data-analysis-ideas_482257-48651.jpg?_wi=2", - imageAlt: "modern architecture construction site", - }, - { - id: 2, - title: "Advanced Engineering", - description: "Our precision-driven approach ensures structural integrity and high performance across all environments.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg?_wi=2", - imageAlt: "Engineering detail", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg?_wi=2", - imageAlt: "Structural plan", - }, - imageSrc: "http://img.b2bpic.net/free-photo/building-defying-laws-physics-by-levitating-atmosphere_23-2151122440.jpg?_wi=2", - imageAlt: "urban development steel structure", - }, - { - id: 3, - title: "Client-First Transparency", - description: "Comprehensive project tracking and open communication mean you are always informed and involved.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg?_wi=3", - imageAlt: "Project Dashboard", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg?_wi=3", - imageAlt: "Client Portal", - }, - imageSrc: "http://img.b2bpic.net/free-photo/construction-site-silhouette-sky-city-material_1127-2350.jpg?_wi=2", - imageAlt: "architectural blueprint construction site", - }, - ]} showStepNumbers={true} title="Why Choose Nano" description="We blend traditional building expertise with modern, sustainable technology to deliver excellence." + features={[ + { + id: 1, + title: "Sustainable Construction", description: "We prioritize eco-friendly materials and energy-efficient building practices for long-term value.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg", imageAlt: "Sustainable methods" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg", imageAlt: "Green technology" }, + }, + { + id: 2, + title: "Advanced Engineering", description: "Our precision-driven approach ensures structural integrity and high performance across all environments.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg", imageAlt: "Engineering detail" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg", imageAlt: "Structural plan" }, + }, + { + id: 3, + title: "Client-First Transparency", description: "Comprehensive project tracking and open communication mean you are always informed and involved.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg", imageAlt: "Project Dashboard" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg", imageAlt: "Client Portal" }, + }, + ]} /> @@ -176,23 +105,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Urban Development Corp", - "Steelframe Industries", - "Apex Architectural", - "Green Build Partners", - "Concrete Logistics", - "Vista Realty Group", - "Solid Foundation Inc", - ]} + "Urban Development Corp", "Steelframe Industries", "Apex Architectural", "Green Build Partners", "Concrete Logistics", "Vista Realty Group", "Solid Foundation Inc"]} logos={[ - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vdzns", - "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side-with-white-background_187299-39803.jpg", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h5rfj6", - "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side_187299-39624.jpg", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h5d1ki", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=isoidb", - "http://img.b2bpic.net/free-photo/chart-statistics-icon-front-side_187299-39619.jpg", - ]} + "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vdzns", "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side-with-white-background_187299-39803.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h5rfj6", "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side_187299-39624.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h5d1ki", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=isoidb", "http://img.b2bpic.net/free-photo/chart-statistics-icon-front-side_187299-39619.jpg"]} title="Trusted by Partners" description="We collaborate with industry leaders to deliver excellence in every facet of the building lifecycle." /> @@ -204,41 +119,11 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} testimonials={[ - { - id: "1", - name: "Mark Sterling", - handle: "@msterling", - testimonial: "Nano built our corporate headquarters with unmatched attention to detail. Professional and efficient.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-digital-tablet_1170-483.jpg?_wi=1", - }, - { - id: "2", - name: "Elena Rodriguez", - handle: "@erodriguez", - testimonial: "The precision in their engineering is incredible. A seamless building experience from start to finish.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", - }, - { - id: "3", - name: "David Thorne", - handle: "@dthorne", - testimonial: "Trustworthy builders who deliver on their promises. Highly recommended for complex projects.", - imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-business-worker-smiling-confident-shake-hand-office_839833-33453.jpg", - }, - { - id: "4", - name: "Sarah Jenkins", - handle: "@sjenkins", - testimonial: "Their sustainable construction methods set them apart. Nano is the future of building.", - imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg", - }, - { - id: "5", - name: "James O'Connor", - handle: "@joconnor", - testimonial: "An absolute pleasure to work with. They manage budgets and timelines with rare transparency.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-digital-tablet_1170-483.jpg?_wi=2", - }, + { id: "1", name: "Mark Sterling", handle: "@msterling", testimonial: "Nano built our corporate headquarters with unmatched attention to detail. Professional and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-digital-tablet_1170-483.jpg" }, + { id: "2", name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "The precision in their engineering is incredible. A seamless building experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" }, + { id: "3", name: "David Thorne", handle: "@dthorne", testimonial: "Trustworthy builders who deliver on their promises. Highly recommended for complex projects.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-business-worker-smiling-confident-shake-hand-office_839833-33453.jpg" }, + { id: "4", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Their sustainable construction methods set them apart. Nano is the future of building.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg" }, + { id: "5", name: "James O'Connor", handle: "@joconnor", testimonial: "An absolute pleasure to work with. They manage budgets and timelines with rare transparency.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-digital-tablet_1170-483.jpg" }, ]} title="What Clients Say" description="Honest feedback from the people who trust us with their biggest investments." @@ -250,21 +135,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} faqs={[ - { - id: "f1", - title: "How long does a typical project take?", - content: "Timelines depend on complexity and scale, but we provide detailed schedules before construction begins.", - }, - { - id: "f2", - title: "Do you provide design services?", - content: "Yes, we have an in-house design team that collaborates closely with our builders.", - }, - { - id: "f3", - title: "Are you fully licensed and insured?", - content: "Absolutely. Safety and compliance are our top priorities for every single project.", - }, + { id: "f1", title: "How long does a typical project take?", content: "Timelines depend on complexity and scale, but we provide detailed schedules before construction begins." }, + { id: "f2", title: "Do you provide design services?", content: "Yes, we have an in-house design team that collaborates closely with our builders." }, + { id: "f3", title: "Are you fully licensed and insured?", content: "Absolutely. Safety and compliance are our top priorities for every single project." }, ]} title="Frequently Asked" description="Get quick answers about our building process and service details." @@ -275,9 +148,7 @@ export default function LandingPage() {
-- 2.49.1