Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
import { Facebook, Instagram, Hammer, Building2, Droplets, PlusCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,31 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cabrera Construction"
|
||||
button={{
|
||||
text: "(555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
}}
|
||||
text: "(555) 123-4567", href: "tel:5551234567"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -67,37 +55,23 @@ export default function LandingPage() {
|
||||
description="Cabrera Construction — Trusted general contractor for custom homes, commercial builds, and expert renovations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Work", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-modern-wooden-house-with-glass-terrace-borders_181624-5142.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-modern-wooden-house-with-glass-terrace-borders_181624-5142.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-safety-vests-showing-approval_23-2148269348.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-safety-vests-showing-approval_23-2148269348.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5107.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5107.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builders-hardhat_1398-1745.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builders-hardhat_1398-1745.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/employees-with-masks-working-warehouse_23-2148923092.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/employees-with-masks-working-warehouse_23-2148923092.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Our 50+ Dedicated Professionals"
|
||||
/>
|
||||
@@ -110,31 +84,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Family Owned",
|
||||
"Reliable Service",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Family Owned", "Reliable Service"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
id: "m2", value: "200+", title: "Projects Completed", items: [
|
||||
"Residential", "Commercial"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5★",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"100+ Reviews",
|
||||
"Top Rated",
|
||||
],
|
||||
id: "m3", value: "5★", title: "Google Rating", items: [
|
||||
"100+ Reviews", "Top Rated"],
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
@@ -148,33 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Home Building",
|
||||
description: "From foundation to finish, we bring your vision to life with expert precision.",
|
||||
buttonIcon: "Hammer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg",
|
||||
imageAlt: "Wide shot of the beautiful architecture of a modern house",
|
||||
},
|
||||
title: "Custom Home Building", description: "From foundation to finish, we bring your vision to life with expert precision.", buttonIcon: Hammer,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg", imageAlt: "Wide shot of the beautiful architecture of a modern house"},
|
||||
{
|
||||
title: "Commercial Construction",
|
||||
description: "Professional spaces built to code, on budget, and built for your business growth.",
|
||||
buttonIcon: "Building2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-wooden-house-with-glass-terrace-borders_181624-5142.jpg?_wi=2",
|
||||
imageAlt: "Wide shot of the beautiful architecture of a modern house",
|
||||
},
|
||||
title: "Commercial Construction", description: "Professional spaces built to code, on budget, and built for your business growth.", buttonIcon: Building2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-wooden-house-with-glass-terrace-borders_181624-5142.jpg", imageAlt: "Wide shot of the beautiful architecture of a modern house"},
|
||||
{
|
||||
title: "Kitchen & Bath Remodels",
|
||||
description: "Transform your most-used spaces into modern, functional, and stunning retreats.",
|
||||
buttonIcon: "Droplets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg?_wi=1",
|
||||
imageAlt: "Wide shot of the beautiful architecture of a modern house",
|
||||
},
|
||||
title: "Kitchen & Bath Remodels", description: "Transform your most-used spaces into modern, functional, and stunning retreats.", buttonIcon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg", imageAlt: "Wide shot of the beautiful architecture of a modern house"},
|
||||
{
|
||||
title: "Home Additions",
|
||||
description: "Expand your living space seamlessly with expert room and exterior additions.",
|
||||
buttonIcon: "PlusCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen-dining-room_181624-2870.jpg?_wi=1",
|
||||
imageAlt: "Wide shot of the beautiful architecture of a modern house",
|
||||
},
|
||||
title: "Home Additions", description: "Expand your living space seamlessly with expert room and exterior additions.", buttonIcon: PlusCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen-dining-room_181624-2870.jpg", imageAlt: "Wide shot of the beautiful architecture of a modern house"},
|
||||
]}
|
||||
title="What We Build"
|
||||
description="Comprehensive construction solutions tailored to your unique needs."
|
||||
@@ -188,11 +131,9 @@ export default function LandingPage() {
|
||||
description="Founded on the principles of integrity, precision, and family, Cabrera Construction serves our community with unwavering commitment. We treat every job like it's our own home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet the Team",
|
||||
href: "#",
|
||||
},
|
||||
text: "Meet the Team", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -204,47 +145,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Kitchen",
|
||||
price: "Renovation",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen-dining-room_181624-2870.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Modern Kitchen", price: "Renovation", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen-dining-room_181624-2870.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial Office",
|
||||
price: "Construction",
|
||||
variant: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-walking_23-2148012904.jpg",
|
||||
},
|
||||
id: "p2", name: "Commercial Office", price: "Construction", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-walking_23-2148012904.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Home",
|
||||
price: "Custom Build",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571924.jpg",
|
||||
},
|
||||
id: "p3", name: "Luxury Home", price: "Custom Build", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571924.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Spa Bathroom",
|
||||
price: "Renovation",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-color_23-2149721880.jpg",
|
||||
},
|
||||
id: "p4", name: "Spa Bathroom", price: "Renovation", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-color_23-2149721880.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Room Addition",
|
||||
price: "Expansion",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-church-with-beautiful-flower-garden_181624-27038.jpg",
|
||||
},
|
||||
id: "p5", name: "Room Addition", price: "Expansion", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-church-with-beautiful-flower-garden_181624-27038.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Outdoor Living",
|
||||
price: "Patio & Pool",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8484.jpg",
|
||||
},
|
||||
id: "p6", name: "Outdoor Living", price: "Patio & Pool", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8484.jpg"},
|
||||
]}
|
||||
title="Our Work Speaks for Itself"
|
||||
description="A curated selection of our most recent luxury construction projects."
|
||||
@@ -258,40 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Custom Home, Austin TX",
|
||||
testimonial: "Cabrera Construction transformed our outdated kitchen into a showstopper. They were on time and on budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-painting-their-new-apartment_329181-9306.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "Custom Home, Austin TX", testimonial: "Cabrera Construction transformed our outdated kitchen into a showstopper. They were on time and on budget.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-painting-their-new-apartment_329181-9306.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "Home Addition",
|
||||
testimonial: "The attention to detail during our home extension was incredible. Quality craftsmanship throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-pandemic-giving-thumbs-up-while-looking-laptop_23-2148781377.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "Home Addition", testimonial: "The attention to detail during our home extension was incredible. Quality craftsmanship throughout.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-pandemic-giving-thumbs-up-while-looking-laptop_23-2148781377.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Commercial Project",
|
||||
testimonial: "Professional, reliable, and efficient. Our office build went perfectly from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-blond-female-coworker-paper-sheet_23-2148180677.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", handle: "Commercial Project", testimonial: "Professional, reliable, and efficient. Our office build went perfectly from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-blond-female-coworker-paper-sheet_23-2148180677.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
handle: "Custom Kitchen",
|
||||
testimonial: "We couldn't be happier with our new space. The Cabrera team is truly top-tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg",
|
||||
},
|
||||
id: "4", name: "David Miller", handle: "Custom Kitchen", testimonial: "We couldn't be happier with our new space. The Cabrera team is truly top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Davis",
|
||||
handle: "Full Remodel",
|
||||
testimonial: "Exceptional communication and high quality materials. Highly recommend to everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg",
|
||||
},
|
||||
id: "5", name: "Emily Davis", handle: "Full Remodel", testimonial: "Exceptional communication and high quality materials. Highly recommend to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our happy clients say about our craftsmanship."
|
||||
@@ -304,30 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "1. Free Consultation",
|
||||
content: "We begin with a thorough discussion of your needs and vision.",
|
||||
},
|
||||
id: "1", title: "1. Free Consultation", content: "We begin with a thorough discussion of your needs and vision."},
|
||||
{
|
||||
id: "2",
|
||||
title: "2. Custom Estimate",
|
||||
content: "You receive a clear, detailed cost proposal for your project.",
|
||||
},
|
||||
id: "2", title: "2. Custom Estimate", content: "You receive a clear, detailed cost proposal for your project."},
|
||||
{
|
||||
id: "3",
|
||||
title: "3. Signed Agreement",
|
||||
content: "We finalize plans and timelines so everyone is on the same page.",
|
||||
},
|
||||
id: "3", title: "3. Signed Agreement", content: "We finalize plans and timelines so everyone is on the same page."},
|
||||
{
|
||||
id: "4",
|
||||
title: "4. Build Begins",
|
||||
content: "Our expert team takes the helm to construct your dream build.",
|
||||
},
|
||||
id: "4", title: "4. Build Begins", content: "Our expert team takes the helm to construct your dream build."},
|
||||
{
|
||||
id: "5",
|
||||
title: "5. Final Walkthrough",
|
||||
content: "We verify every detail is perfect before handing over your keys.",
|
||||
},
|
||||
id: "5", title: "5. Final Walkthrough", content: "We verify every detail is perfect before handing over your keys."},
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Our transparent building process ensures peace of mind."
|
||||
@@ -339,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ready to Build Something Great?"
|
||||
description="Call us or request a free estimate today."
|
||||
buttonText="Request a Quote Online"
|
||||
@@ -355,14 +225,10 @@ export default function LandingPage() {
|
||||
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