Merge version_3 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
import { Facebook, Instagram, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Portfolio", id: "#projects"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="On the Level"
|
||||
/>
|
||||
@@ -60,35 +50,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Quality Construction You Can Trust"
|
||||
description="On the Level Construction delivers expert general contracting services for residential projects. Fair, honest, and dedicated to your vision."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836956.jpg",
|
||||
imageAlt: "Construction site 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836956.jpg", imageAlt: "Construction site 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-tools-empty-notepad_23-2148393117.jpg",
|
||||
imageAlt: "Construction site 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-tools-empty-notepad_23-2148393117.jpg", imageAlt: "Construction site 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spending-time-home_23-2150378984.jpg",
|
||||
imageAlt: "Construction site 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spending-time-home_23-2150378984.jpg", imageAlt: "Construction site 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg",
|
||||
imageAlt: "Construction site 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg", imageAlt: "Construction site 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg",
|
||||
imageAlt: "Construction site 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg", imageAlt: "Construction site 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg",
|
||||
imageAlt: "Construction site 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg", imageAlt: "Construction site 6"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Dedicated to Quality Work"
|
||||
description={[
|
||||
"Pete and his crew take pride in providing fair, honest, and reliable contracting services.",
|
||||
"We care about the people we serve and strive to complete every project on time, with meticulous clean-up and attention to detail.",
|
||||
]}
|
||||
"Pete and his crew take pride in providing fair, honest, and reliable contracting services.", "We care about the people we serve and strive to complete every project on time, with meticulous clean-up and attention to detail."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,26 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Remodeling",
|
||||
description: "High-quality kitchen, bathroom, and basement renovations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-restoring-wooden-furniture_23-2150232668.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976557.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Residential Remodeling", description: "High-quality kitchen, bathroom, and basement renovations.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-restoring-wooden-furniture_23-2150232668.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976557.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Home Restoration",
|
||||
description: "Expert repairs and structural corrective plans for complex problems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/firm-handshake_1098-18183.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/low-angle-colleagues-working-together_23-2149366699.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Home Restoration", description: "Expert repairs and structural corrective plans for complex problems.", imageSrc: "http://img.b2bpic.net/free-photo/firm-handshake_1098-18183.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/low-angle-colleagues-working-together_23-2149366699.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Custom Building",
|
||||
description: "Professional carpentry and home improvement projects with precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15683.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Custom Building", description: "Professional carpentry and home improvement projects with precision.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15683.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We offer comprehensive general contracting solutions tailored to your unique home needs."
|
||||
@@ -147,59 +107,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Remodel",
|
||||
name: "Kitchen Renovation",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278578.jpg",
|
||||
},
|
||||
id: "p1", brand: "Remodel", name: "Kitchen Renovation", price: "Custom", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278578.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Remodel",
|
||||
name: "Bathroom Suite",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cabinetmaker-joinery-using-heavy-machinery-close-up_482257-94326.jpg",
|
||||
},
|
||||
id: "p2", brand: "Remodel", name: "Bathroom Suite", price: "Custom", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/cabinetmaker-joinery-using-heavy-machinery-close-up_482257-94326.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Carpentry",
|
||||
name: "Storage Solutions",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/menu-asian-young-woman-writing-menu-board-cafe_259150-58520.jpg",
|
||||
},
|
||||
id: "p3", brand: "Carpentry", name: "Storage Solutions", price: "Custom", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/menu-asian-young-woman-writing-menu-board-cafe_259150-58520.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Exterior",
|
||||
name: "Window Installation",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-light-bulb-wood-blocks-black_140725-144653.jpg",
|
||||
},
|
||||
id: "p4", brand: "Exterior", name: "Window Installation", price: "Custom", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-light-bulb-wood-blocks-black_140725-144653.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Carpentry",
|
||||
name: "Flooring Install",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-reinforce-concrete-stair-structure-modification-using-hand-drill_1150-6131.jpg",
|
||||
},
|
||||
id: "p5", brand: "Carpentry", name: "Flooring Install", price: "Custom", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-reinforce-concrete-stair-structure-modification-using-hand-drill_1150-6131.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Finish",
|
||||
name: "Interior Lighting",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-2834.jpg",
|
||||
},
|
||||
id: "p6", brand: "Finish", name: "Interior Lighting", price: "Custom", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-2834.jpg"},
|
||||
]}
|
||||
title="Recent Project Highlights"
|
||||
description="A glimpse into our high-quality craftsmanship across various residential building needs."
|
||||
@@ -213,26 +137,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Building trust and skill.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15620.jpg",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Building trust and skill.", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15620.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Completed Projects",
|
||||
description: "Transforming homes every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-site-construction_53876-26415.jpg",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Completed Projects", description: "Transforming homes every day.", imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-site-construction_53876-26415.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction Goal",
|
||||
description: "Focused on your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-buildings-tall-chimney_23-2149627176.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Satisfaction Goal", description: "Focused on your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-buildings-tall-chimney_23-2149627176.jpg"},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Years of expertise and dedicated service to our community."
|
||||
@@ -245,45 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Work",
|
||||
quote: "Pete and his crew are wonderful to work with. They are fair and honest.",
|
||||
name: "Michelle J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-schematic-helmet_23-2148269816.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellent Work", quote: "Pete and his crew are wonderful to work with. They are fair and honest.", name: "Michelle J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-with-schematic-helmet_23-2148269816.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Professional",
|
||||
quote: "They work very hard to complete projects on time and are very careful.",
|
||||
name: "Edith Newman",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15653.jpg",
|
||||
},
|
||||
id: "t2", title: "Professional", quote: "They work very hard to complete projects on time and are very careful.", name: "Edith Newman", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15653.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Reliable",
|
||||
quote: "Pete developed a corrective plan and followed through every day.",
|
||||
name: "Client Three",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg",
|
||||
},
|
||||
id: "t3", title: "Reliable", quote: "Pete developed a corrective plan and followed through every day.", name: "Client Three", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "High Quality",
|
||||
quote: "I appreciate the transparency and quality of their work on our home.",
|
||||
name: "Client Four",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg",
|
||||
},
|
||||
id: "t4", title: "High Quality", quote: "I appreciate the transparency and quality of their work on our home.", name: "Client Four", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Great Team",
|
||||
quote: "Pete is a pleasure to work with, attentive and results-oriented.",
|
||||
name: "Client Five",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brush-paint_23-2148903535.jpg",
|
||||
},
|
||||
id: "t5", title: "Great Team", quote: "Pete is a pleasure to work with, attentive and results-oriented.", name: "Client Five", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brush-paint_23-2148903535.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are proud of the relationships we build with every client."
|
||||
@@ -296,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I request an estimate?",
|
||||
content: "Reach out to us via our contact form or give us a call to discuss your home project.",
|
||||
},
|
||||
id: "f1", title: "How do I request an estimate?", content: "Reach out to us via our contact form or give us a call to discuss your home project."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What projects do you cover?",
|
||||
content: "We handle general contracting, from residential remodels to complicated problem corrections.",
|
||||
},
|
||||
id: "f2", title: "What projects do you cover?", content: "We handle general contracting, from residential remodels to complicated problem corrections."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you clean up after jobs?",
|
||||
content: "Yes, we pride ourselves on being extremely careful and clean throughout the process.",
|
||||
},
|
||||
id: "f3", title: "Do you clean up after jobs?", content: "Yes, we pride ourselves on being extremely careful and clean throughout the process."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15622.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -323,11 +193,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Project"
|
||||
description="Ready to discuss your home renovation or construction needs? Contact us for a professional estimate today."
|
||||
description="Ready to discuss your home renovation or construction needs? Contact us for a professional estimate today. Visit us at 317 Osage Ln, Naperville, IL 60540, or reach out by phone at (555) 000-0000."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -336,18 +205,14 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="On the Level Construction"
|
||||
copyrightText="© 2025 On the Level Construction, Naperville, IL"
|
||||
copyrightText="© 2025 On the Level Construction, 317 Osage Ln, Naperville, IL 60540 | Phone: (555) 000-0000"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user