Merge version_1 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SolidBuild"
|
||||
/>
|
||||
@@ -58,68 +46,28 @@ export default function LandingPage() {
|
||||
description="Professional construction services built on reliability, precision, and decades of experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "SolidBuild exceeded all my expectations. The quality of work is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-rusted-building_23-2148269811.jpg?_wi=1",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "SolidBuild exceeded all my expectations. The quality of work is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-rusted-building_23-2148269811.jpg", imageAlt: "construction site professional project"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Very professional and always on schedule. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg?_wi=1",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "Very professional and always on schedule. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg", imageAlt: "construction site professional project"},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "Great attention to detail and clear communication throughout the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-checking-project-office_23-2148242937.jpg?_wi=1",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
name: "Mike Ross", handle: "@mikeross", testimonial: "Great attention to detail and clear communication throughout the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-checking-project-office_23-2148242937.jpg", imageAlt: "construction site professional project"},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "Honest pricing and excellent craftmanship. My home looks beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-with-plans_329181-3732.jpg",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
name: "Sarah Lee", handle: "@sarahlee", testimonial: "Honest pricing and excellent craftmanship. My home looks beautiful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-with-plans_329181-3732.jpg", imageAlt: "construction site professional project"},
|
||||
{
|
||||
name: "Tom Baker",
|
||||
handle: "@tombaker",
|
||||
testimonial: "A reliable team that gets the job done right. Very impressed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
name: "Tom Baker", handle: "@tombaker", testimonial: "A reliable team that gets the job done right. Very impressed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg", imageAlt: "construction site professional project"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-rusted-building_23-2148269811.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-rusted-building_23-2148269811.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-looking-floor-plan_1098-2114.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-with-their-future-construction_1098-2113.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-looking-floor-plan_1098-2114.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-with-their-future-construction_1098-2113.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg", alt: "Client" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,9 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About Our Craft"
|
||||
description={[
|
||||
"We are dedicated to building structures that stand the test of time.",
|
||||
"With over 20 years of experience, our commitment to excellence ensures every project exceeds industry standards.",
|
||||
]}
|
||||
"We are dedicated to building structures that stand the test of time.", "With over 20 years of experience, our commitment to excellence ensures every project exceeds industry standards."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,49 +88,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Construction",
|
||||
description: "Custom homes and renovation projects delivered with precision.",
|
||||
icon: Home,
|
||||
title: "Residential Construction", description: "Custom homes and renovation projects delivered with precision.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-buildings-boats-san-diego-usa_1268-14464.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-buildings-boats-san-diego-usa_1268-14464.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-rusted-building_23-2148269811.jpg?_wi=3",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
{
|
||||
title: "Commercial Projects",
|
||||
description: "High-quality commercial spaces for business efficiency.",
|
||||
icon: Building,
|
||||
title: "Commercial Projects", description: "High-quality commercial spaces for business efficiency.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16013.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmet-standing-by-factory_1157-35542.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16013.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmet-standing-by-factory_1157-35542.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-with-project_53876-47045.jpg?_wi=2",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
{
|
||||
title: "Infrastructure Development",
|
||||
description: "Durable and sustainable infrastructure solutions for local communities.",
|
||||
icon: Building2,
|
||||
title: "Infrastructure Development", description: "Durable and sustainable infrastructure solutions for local communities.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crane-building_23-2147785502.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crane-building_23-2147785502.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-checking-project-office_23-2148242937.jpg?_wi=2",
|
||||
imageAlt: "construction site professional project",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -198,24 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Completed Projects",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Industry Awards",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "450+",
|
||||
},
|
||||
{ id: "m1", icon: CheckCircle, title: "Completed Projects", value: "500+" },
|
||||
{ id: "m2", icon: Award, title: "Industry Awards", value: "25" },
|
||||
{ id: "m3", icon: Users, title: "Happy Clients", value: "450+" },
|
||||
]}
|
||||
title="Built on Results"
|
||||
description="Our numbers speak to the dedication and quality we bring to every job site."
|
||||
@@ -229,26 +136,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="David Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-construction-worker-with-plans_329181-3732.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-construction-worker-with-plans_329181-3732.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg", alt: "Client" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -260,23 +152,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Each project is unique, but we provide a detailed timeline upon initial consultation.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully licensed and insured?",
|
||||
content: "Yes, we maintain full licensing and comprehensive insurance coverage for all projects.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Absolutely, we offer transparent and detailed estimates before starting any work.",
|
||||
},
|
||||
{ id: "f1", title: "What is your typical project timeline?", content: "Each project is unique, but we provide a detailed timeline upon initial consultation." },
|
||||
{ id: "f2", title: "Are you fully licensed and insured?", content: "Yes, we maintain full licensing and comprehensive insurance coverage for all projects." },
|
||||
{ id: "f3", title: "Do you provide estimates?", content: "Absolutely, we offer transparent and detailed estimates before starting any work." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-checking-project-office_23-2148242937.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-checking-project-office_23-2148242937.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to provide clear answers regarding our process, services, and timelines."
|
||||
@@ -287,18 +167,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Start Your Project Today"
|
||||
description="Ready to bring your vision to life? Let's discuss your next construction project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@solidbuild.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@solidbuild.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -307,30 +180,10 @@ export default function LandingPage() {
|
||||
logoText="SolidBuild"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 SolidBuild Construction. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user