Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "/portfolio"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="ABH Construction"
|
||||
/>
|
||||
@@ -57,83 +47,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Dream Homes With Precision & Integrity"
|
||||
description="19+ years of trusted construction, remodeling, and custom builds. We turn your vision into a sanctuary that lasts."
|
||||
kpis={[
|
||||
{
|
||||
value: "19+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "19+", label: "Years Experience"},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "4.8", label: "Client Rating"},
|
||||
{
|
||||
value: "250+",
|
||||
label: "Homes Built",
|
||||
},
|
||||
value: "250+", label: "Homes Built"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "/contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "View Our Work", href: "/portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574085.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574085.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-woman-white-shirt-dark-jacket-black-trousers-along-with-young-man-discussing-something-daytime-building-job-activity_140725-15292.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-woman-white-shirt-dark-jacket-black-trousers-along-with-young-man-discussing-something-daytime-building-job-activity_140725-15292.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text-icon", text: "Award Winning", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award Winning",
|
||||
icon: Award,
|
||||
type: "text", text: "Eco-Friendly Materials"},
|
||||
{
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Materials",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,32 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Custom Homes",
|
||||
tags: [
|
||||
"New Build",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Custom Homes", tags: [
|
||||
"New Build", "Luxury"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Luxury Remodeling",
|
||||
tags: [
|
||||
"Kitchen",
|
||||
"Bath",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821318.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Luxury Remodeling", tags: [
|
||||
"Kitchen", "Bath"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821318.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Outdoor Living",
|
||||
tags: [
|
||||
"Decks",
|
||||
"Porches",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-friends-front-bar_23-2147680612.jpg",
|
||||
},
|
||||
id: "3", title: "Outdoor Living", tags: [
|
||||
"Decks", "Porches"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-friends-front-bar_23-2147680612.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive construction solutions tailored to your unique lifestyle."
|
||||
@@ -179,44 +123,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "Dream Home Client",
|
||||
testimonial: "They turned our vision into reality. The quality is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "Dream Home Client", testimonial: "They turned our vision into reality. The quality is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "Remodel Client",
|
||||
testimonial: "Communication was excellent and the team cleaned up after themselves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", handle: "Remodel Client", testimonial: "Communication was excellent and the team cleaned up after themselves.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "They worked through every issue and delivered on time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574085.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "Homeowner", testimonial: "They worked through every issue and delivered on time.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574085.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "Kitchen Client",
|
||||
testimonial: "The attention to detail is truly impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "Kitchen Client", testimonial: "The attention to detail is truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
handle: "Outdoor Client",
|
||||
testimonial: "Professional, reliable, and fair pricing. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-woman-white-shirt-dark-jacket-black-trousers-along-with-young-man-discussing-something-daytime-building-job-activity_140725-15292.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "Linda M.", handle: "Outdoor Client", testimonial: "Professional, reliable, and fair pricing. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-woman-white-shirt-dark-jacket-black-trousers-along-with-young-man-discussing-something-daytime-building-job-activity_140725-15292.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of homeowners across the region."
|
||||
@@ -231,47 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Master Bathroom Suite",
|
||||
price: "Renovation",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Master Bathroom Suite", price: "Renovation", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Open Concept Living",
|
||||
price: "Custom Build",
|
||||
variant: "Contemporary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg",
|
||||
},
|
||||
id: "2", name: "Open Concept Living", price: "Custom Build", variant: "Contemporary", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Entryway",
|
||||
price: "Upgrade",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-home_23-2149722577.jpg",
|
||||
},
|
||||
id: "3", name: "Luxury Entryway", price: "Upgrade", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-home_23-2149722577.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Custom Home Office",
|
||||
price: "Millwork",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-sketchbooks-decorations_23-2147710382.jpg",
|
||||
},
|
||||
id: "4", name: "Custom Home Office", price: "Millwork", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-sketchbooks-decorations_23-2147710382.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Exterior Siding Transformation",
|
||||
price: "Refinish",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
|
||||
},
|
||||
id: "5", name: "Exterior Siding Transformation", price: "Refinish", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Covered Porch Addition",
|
||||
price: "Outdoor",
|
||||
variant: "Rustic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-black-wooden-jetty-maldives_505751-5535.jpg?_wi=1",
|
||||
},
|
||||
id: "6", name: "Covered Porch Addition", price: "Outdoor", variant: "Rustic", imageSrc: "http://img.b2bpic.net/free-photo/man-black-wooden-jetty-maldives_505751-5535.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A glimpse into our recent high-end home transformations."
|
||||
@@ -285,25 +175,17 @@ export default function LandingPage() {
|
||||
description="Contact us today for a free estimate and consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "project",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
name: "project", placeholder: "Tell us about your project", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-geometric-triangle-pen_23-2148039880.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-geometric-triangle-pen_23-2148039880.jpg"
|
||||
buttonText="Request Free Estimate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user