Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kemo Construction"
|
||||
/>
|
||||
@@ -55,51 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="We Build It Right. The First Time."
|
||||
description="No delays. No excuses. Just solid construction you can trust. We don't do 'almost done'. We do done done."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:5550100",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:5550100"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-16234.jpg?_wi=1",
|
||||
imageAlt: "professional construction workers on site",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-16234.jpg", imageAlt: "professional construction workers on site"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg?_wi=1",
|
||||
imageAlt: "construction foreman checking plans",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg", imageAlt: "construction foreman checking plans"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg?_wi=1",
|
||||
imageAlt: "modern luxury residential construction",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg", imageAlt: "modern luxury residential construction"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-construction-worker-standing-high-altitude_23-2148784051.jpg",
|
||||
imageAlt: "heavy duty construction equipment site",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-construction-worker-standing-high-altitude_23-2148784051.jpg", imageAlt: "heavy duty construction equipment site"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg",
|
||||
imageAlt: "construction site teamwork meeting",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "construction site teamwork meeting"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278622.jpg",
|
||||
imageAlt: "after completion construction site",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278622.jpg", imageAlt: "after completion construction site"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,9 +80,7 @@ export default function LandingPage() {
|
||||
description="We're Kemo Construction. We know you've heard it all before: the delays, the disappearing contractors, the 'we'll see'. We're the opposite of that. We show up, we do the work, and we treat your project like it's our own reputation on the line—because it is."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Read Our Story", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1730.jpg"
|
||||
imageAlt="professional construction team collaboration"
|
||||
@@ -127,46 +94,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Construction",
|
||||
description: "Beautiful homes built to last, from the foundation up.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprint-with-hard-hat_23-2151933422.jpg",
|
||||
imageAlt: "construction architectural plan drawing",
|
||||
},
|
||||
title: "Residential Construction", description: "Beautiful homes built to last, from the foundation up.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprint-with-hard-hat_23-2151933422.jpg", imageAlt: "construction architectural plan drawing"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184928.jpg",
|
||||
imageAlt: "construction machinery in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-16234.jpg?_wi=2",
|
||||
imageAlt: "construction architectural plan drawing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184928.jpg", imageAlt: "construction machinery in action"}
|
||||
},
|
||||
{
|
||||
title: "Renovations & Remodeling",
|
||||
description: "Fixing spaces and bringing new life into old bones.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg",
|
||||
imageAlt: "construction architectural plan drawing",
|
||||
},
|
||||
title: "Renovations & Remodeling", description: "Fixing spaces and bringing new life into old bones.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg", imageAlt: "construction architectural plan drawing"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194824.jpg",
|
||||
imageAlt: "construction machinery in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg?_wi=2",
|
||||
imageAlt: "construction architectural plan drawing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194824.jpg", imageAlt: "construction machinery in action"}
|
||||
},
|
||||
{
|
||||
title: "Commercial Projects",
|
||||
description: "Professional builds for businesses that mean business.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg",
|
||||
imageAlt: "construction architectural plan drawing",
|
||||
},
|
||||
title: "Commercial Projects", description: "Professional builds for businesses that mean business.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg", imageAlt: "construction architectural plan drawing"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg",
|
||||
imageAlt: "construction machinery in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg?_wi=2",
|
||||
imageAlt: "construction architectural plan drawing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg", imageAlt: "construction machinery in action"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -182,25 +125,13 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "10+", description: "Years Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "95%",
|
||||
description: "Referral Rate",
|
||||
},
|
||||
id: "m4", value: "95%", description: "Referral Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -213,45 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Joshua P.",
|
||||
handle: "@joshua",
|
||||
testimonial: "If you’re thinking about construction, choose Kemo Construction. Professional and reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
imageAlt: "professional client portrait indoor",
|
||||
},
|
||||
id: "1", name: "Joshua P.", handle: "@joshua", testimonial: "If you’re thinking about construction, choose Kemo Construction. Professional and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", imageAlt: "professional client portrait indoor"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Stephen K.",
|
||||
handle: "@stephen",
|
||||
testimonial: "These guys are the real deal. No drama, just great results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
imageAlt: "business person portrait professional",
|
||||
},
|
||||
id: "2", name: "Stephen K.", handle: "@stephen", testimonial: "These guys are the real deal. No drama, just great results.", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "business person portrait professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena",
|
||||
testimonial: "Best renovation experience I've ever had. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
imageAlt: "happy young customer portrait",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elena", testimonial: "Best renovation experience I've ever had. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", imageAlt: "happy young customer portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark D.",
|
||||
handle: "@mark",
|
||||
testimonial: "Professional, on-time, and budget-conscious. Refreshing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-listening-music-though-headphones_23-2148404334.jpg",
|
||||
imageAlt: "middle aged happy home owner",
|
||||
},
|
||||
id: "4", name: "Mark D.", handle: "@mark", testimonial: "Professional, on-time, and budget-conscious. Refreshing.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-listening-music-though-headphones_23-2148404334.jpg", imageAlt: "middle aged happy home owner"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah W.",
|
||||
handle: "@sarah",
|
||||
testimonial: "A construction company that communicates like humans. Fantastic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-manager-handshaking-with-candidate-after-successful-job-interview-office_637285-6543.jpg",
|
||||
imageAlt: "corporate manager building project",
|
||||
},
|
||||
id: "5", name: "Sarah W.", handle: "@sarah", testimonial: "A construction company that communicates like humans. Fantastic.", imageSrc: "http://img.b2bpic.net/free-photo/happy-manager-handshaking-with-candidate-after-successful-job-interview-office_637285-6543.jpg", imageAlt: "corporate manager building project"},
|
||||
]}
|
||||
title="People Don’t Just Like Us — They Recommend Us."
|
||||
description="We could talk all day. But our clients already did."
|
||||
@@ -264,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you show up?",
|
||||
content: "Yes, really. We value your time.",
|
||||
},
|
||||
id: "q1", title: "Do you show up?", content: "Yes, really. We value your time."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you finish what you start?",
|
||||
content: "Always. We never disappear halfway through.",
|
||||
},
|
||||
id: "q2", title: "Do you finish what you start?", content: "Always. We never disappear halfway through."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you communicate?",
|
||||
content: "Yes, we talk to you like human beings throughout the project.",
|
||||
},
|
||||
id: "q3", title: "Do you communicate?", content: "Yes, we talk to you like human beings throughout the project."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12774.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -297,38 +189,11 @@ export default function LandingPage() {
|
||||
description="Tips, trends, and thoughts from the job site."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Construction",
|
||||
title: "How to plan your renovation",
|
||||
excerpt: "Don't get stressed before you begin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-working-home-together-floor_273609-20479.jpg",
|
||||
imageAlt: "construction site maintenance tips",
|
||||
authorName: "Kemo Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/constructors-looking-drafts_23-2147710742.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "b1", category: "Construction", title: "How to plan your renovation", excerpt: "Don't get stressed before you begin.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-working-home-together-floor_273609-20479.jpg", imageAlt: "construction site maintenance tips", authorName: "Kemo Team", authorAvatar: "http://img.b2bpic.net/free-photo/constructors-looking-drafts_23-2147710742.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Modern construction trends",
|
||||
excerpt: "What's new in architecture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-view-modern-skyscrapers-office-buildings_23-2148836794.jpg",
|
||||
imageAlt: "modern home building trends",
|
||||
authorName: "Kemo Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/blueprint-design-ideas-creativity-decorative-construction-concept_53876-31796.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
id: "b2", category: "Design", title: "Modern construction trends", excerpt: "What's new in architecture.", imageSrc: "http://img.b2bpic.net/free-photo/long-view-modern-skyscrapers-office-buildings_23-2148836794.jpg", imageAlt: "modern home building trends", authorName: "Kemo Team", authorAvatar: "http://img.b2bpic.net/free-photo/blueprint-design-ideas-creativity-decorative-construction-concept_53876-31796.jpg", date: "Oct 15, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Advice",
|
||||
title: "Avoiding contractor headaches",
|
||||
excerpt: "Why communication is key.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
|
||||
imageAlt: "remodeling project success story",
|
||||
authorName: "Kemo Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/digital-design-laptop-office_53876-94874.jpg",
|
||||
date: "Oct 18, 2024",
|
||||
},
|
||||
id: "b3", category: "Advice", title: "Avoiding contractor headaches", excerpt: "Why communication is key.", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg", imageAlt: "remodeling project success story", authorName: "Kemo Team", authorAvatar: "http://img.b2bpic.net/free-photo/digital-design-laptop-office_53876-94874.jpg", date: "Oct 18, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,20 +202,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Build Something That Won’t Stress You Out?"
|
||||
description="Warning: working with us may restore your faith in contractors."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Free Quote", href: "#"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550100",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550100"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -361,33 +221,21 @@ export default function LandingPage() {
|
||||
logoText="Kemo Construction"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user