Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Elite Build"
|
||||
/>
|
||||
@@ -53,64 +41,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="Quality Construction Delivered On Time, On Budget"
|
||||
description="Trusted by over 500 property owners across the region. Licensed, insured, and ready to bring your project to life with precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Project Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Your Free Project Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg"
|
||||
imageAlt="Professional construction project team"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg",
|
||||
alt: "Building and construction worker on the site with architect",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg",
|
||||
alt: "Three architects with plan on table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-engineers_1098-15509.jpg",
|
||||
alt: "Professional engineers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-architects-works-front-building-site_1398-5098.jpg",
|
||||
alt: "Two architects works in front of building site",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124292.jpg",
|
||||
alt: "Building and construction worker on the site with architect",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg", alt: "Building and construction worker on the site with architect" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg", alt: "Three architects with plan on table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-engineers_1098-15509.jpg", alt: "Professional engineers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-architects-works-front-building-site_1398-5098.jpg", alt: "Two architects works in front of building site" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124292.jpg", alt: "Building and construction worker on the site with architect" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "15 Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfaction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Builds",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Craftsmanship",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "15 Years Experience" },
|
||||
{ type: "text", text: "100% Satisfaction" },
|
||||
{ type: "text", text: "Sustainable Builds" },
|
||||
{ type: "text", text: "Expert Craftsmanship" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,19 +70,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Building Trust Through Experience",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg",
|
||||
alt: "Elite Build Team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Our commitment to quality construction is built on years of excellence and regional expertise.",
|
||||
},
|
||||
{ type: "text", content: "Building Trust Through Experience" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg", alt: "Elite Build Team" },
|
||||
{ type: "text", content: "Our commitment to quality construction is built on years of excellence and regional expertise." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,47 +84,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Builds",
|
||||
description: "Custom homes and residential expansions built with premium materials and craftsmanship.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg?_wi=1",
|
||||
imageAlt: "Residential frame",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-serving_23-2147821230.jpg",
|
||||
imageAlt: "Finished home",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg?_wi=2",
|
||||
imageAlt: "house structural framing work",
|
||||
title: "Residential Builds", description: "Custom homes and residential expansions built with premium materials and craftsmanship.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg", imageAlt: "Residential frame" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-serving_23-2147821230.jpg", imageAlt: "Finished home" }
|
||||
},
|
||||
{
|
||||
title: "Commercial Projects",
|
||||
description: "Large-scale commercial developments, renovations, and office facility management.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-new-skycraper-dubai-united-arab-emirates_231208-7553.jpg?_wi=1",
|
||||
imageAlt: "Commercial building",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg",
|
||||
imageAlt: "Interior finish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg?_wi=1",
|
||||
imageAlt: "house structural framing work",
|
||||
title: "Commercial Projects", description: "Large-scale commercial developments, renovations, and office facility management.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-new-skycraper-dubai-united-arab-emirates_231208-7553.jpg", imageAlt: "Commercial building" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg", imageAlt: "Interior finish" }
|
||||
},
|
||||
{
|
||||
title: "Renovations & Remodeling",
|
||||
description: "Bringing new life to older structures with modern design and high-quality build standards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-blank-page-clipboard_23-2147813103.jpg?_wi=1",
|
||||
imageAlt: "Kitchen remodel",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278558.jpg",
|
||||
imageAlt: "Living area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg",
|
||||
imageAlt: "house structural framing work",
|
||||
},
|
||||
title: "Renovations & Remodeling", description: "Bringing new life to older structures with modern design and high-quality build standards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-blank-page-clipboard_23-2147813103.jpg", imageAlt: "Kitchen remodel" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278558.jpg", imageAlt: "Living area" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Expert Construction Services"
|
||||
@@ -198,21 +109,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Successfully Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
description: "Years of Regional Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction Guarantee",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Projects Successfully Completed" },
|
||||
{ id: "m2", value: "15", description: "Years of Regional Experience" },
|
||||
{ id: "m3", value: "100%", description: "Client Satisfaction Guarantee" }
|
||||
]}
|
||||
title="Proven Performance Results"
|
||||
description="Metrics that speak to our reliability and scale as a regional construction leader."
|
||||
@@ -224,61 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2023-10-15",
|
||||
title: "Homeowner",
|
||||
quote: "Elite Build delivered our dream home on time.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg?_wi=3",
|
||||
imageAlt: "happy client home renovation",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "2023-09-02",
|
||||
title: "Facility Manager",
|
||||
quote: "Reliable and transparent. They handled our office renovation with zero disruption.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-giving-fist-bump_53876-74889.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg?_wi=2",
|
||||
imageAlt: "happy client home renovation",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2023-08-20",
|
||||
title: "Developer",
|
||||
quote: "My top choice for subcontractors. Professionalism is their trademark.",
|
||||
tag: "Subcontracting",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg?_wi=2",
|
||||
imageAlt: "happy client home renovation",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "2023-07-15",
|
||||
title: "Homeowner",
|
||||
quote: "The team was efficient, clean, and extremely professional.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-clients-broker-salesman-examining-blueprints-layout_482257-90840.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-new-skycraper-dubai-united-arab-emirates_231208-7553.jpg?_wi=2",
|
||||
imageAlt: "happy client home renovation",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
date: "2023-06-12",
|
||||
title: "Property Investor",
|
||||
quote: "Incredible work on our investment property. They added significant value.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-blank-page-clipboard_23-2147813103.jpg?_wi=2",
|
||||
imageAlt: "happy client home renovation",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "2023-10-15", title: "Homeowner", quote: "Elite Build delivered our dream home on time.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg", imageSrc: "http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg", imageAlt: "happy client home renovation" },
|
||||
{ id: "2", name: "Michael Chen", date: "2023-09-02", title: "Facility Manager", quote: "Reliable and transparent. They handled our office renovation with zero disruption.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/two-people-giving-fist-bump_53876-74889.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg", imageAlt: "happy client home renovation" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "2023-08-20", title: "Developer", quote: "My top choice for subcontractors. Professionalism is their trademark.", tag: "Subcontracting", avatarSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg", imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg", imageAlt: "happy client home renovation" },
|
||||
{ id: "4", name: "David Kim", date: "2023-07-15", title: "Homeowner", quote: "The team was efficient, clean, and extremely professional.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/business-clients-broker-salesman-examining-blueprints-layout_482257-90840.jpg", imageSrc: "http://img.b2bpic.net/free-photo/construction-new-skycraper-dubai-united-arab-emirates_231208-7553.jpg", imageAlt: "happy client home renovation" },
|
||||
{ id: "5", name: "Jessica Lee", date: "2023-06-12", title: "Property Investor", quote: "Incredible work on our investment property. They added significant value.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-blank-page-clipboard_23-2147813103.jpg", imageAlt: "happy client home renovation" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why property owners and developers choose our construction team."
|
||||
@@ -290,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide written quotes?",
|
||||
content: "Yes, we provide detailed, transparent quotes after conducting a thorough site visit.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully licensed and insured?",
|
||||
content: "Absolutely. We maintain full licensure and comprehensive liability coverage.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do you manage project timelines?",
|
||||
content: "We utilize advanced scheduling software to ensure every phase stays on track.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide written quotes?", content: "Yes, we provide detailed, transparent quotes after conducting a thorough site visit." },
|
||||
{ id: "f2", title: "Are you fully licensed and insured?", content: "Absolutely. We maintain full licensure and comprehensive liability coverage." },
|
||||
{ id: "f3", title: "How do you manage project timelines?", content: "We utilize advanced scheduling software to ensure every phase stays on track." }
|
||||
]}
|
||||
title="Common Project Questions"
|
||||
description="Clear answers to help you understand our construction process and commitments."
|
||||
@@ -315,16 +152,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
text="Ready to bring your project to life? Get in touch with our team today for a free initial project consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now: (555) 123-4567", href: "tel:5551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -333,39 +163,19 @@ export default function LandingPage() {
|
||||
logoText="Elite Build"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Remodeling",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Residential", href: "#services" },
|
||||
{ label: "Commercial", href: "#services" },
|
||||
{ label: "Remodeling", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Elite Build Construction. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user