Update src/app/page.tsx
This commit is contained in:
280
src/app/page.tsx
280
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"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nano"
|
||||
/>
|
||||
@@ -50,40 +45,16 @@ export default function LandingPage() {
|
||||
logoText="NANO BUILDING"
|
||||
description="Constructing the future with precision, integrity, and innovative design. Your vision, our craft."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
text: "Get Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Projects", href: "#projects" },
|
||||
{ text: "Get Consultation", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
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=1",
|
||||
imageAlt: "Construction Site",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-defying-laws-physics-by-levitating-atmosphere_23-2151122440.jpg?_wi=1",
|
||||
imageAlt: "Structural Frame",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site-silhouette-sky-city-material_1127-2350.jpg?_wi=1",
|
||||
imageAlt: "Architecture Plans",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-architecture-complex-concrete-structure_23-2151966491.jpg",
|
||||
imageAlt: "Finished Building",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg",
|
||||
imageAlt: "Team Collaboration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-architects-working-together-looking-tablet-with-blueprints-sitting-desk-modern-architectural-office-project-engineers-doing-teamwork-using-digital-device-table-with-scale-model_482257-37779.jpg",
|
||||
imageAlt: "Completed Project",
|
||||
},
|
||||
{ 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", imageAlt: "Construction Site" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/building-defying-laws-physics-by-levitating-atmosphere_23-2151122440.jpg", imageAlt: "Structural Frame" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-site-silhouette-sky-city-material_1127-2350.jpg", imageAlt: "Architecture Plans" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brutalist-architecture-complex-concrete-structure_23-2151966491.jpg", imageAlt: "Finished Building" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg", imageAlt: "Team Collaboration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-architects-working-together-looking-tablet-with-blueprints-sitting-desk-modern-architectural-office-project-engineers-doing-teamwork-using-digital-device-table-with-scale-model_482257-37779.jpg", imageAlt: "Completed Project" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Start Your Project"
|
||||
description="Ready to turn your vision into reality? Reach out today for a consultation."
|
||||
@@ -289,54 +160,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sitemap",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#" }, { label: "Projects", href: "#projects" }, { label: "Safety", href: "#" }] },
|
||||
{ items: [{ label: "Company", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Sitemap", href: "#" }] },
|
||||
]}
|
||||
logoText="NANO"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user