Merge version_1 into main #2
325
src/app/page.tsx
325
src/app/page.tsx
@@ -33,27 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Portfolio", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pure Construction"
|
||||
button={{
|
||||
text: "Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Consultation", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,39 +53,17 @@ export default function LandingPage() {
|
||||
description="Precision craftsmanship. Elevated design. We transform kitchens, bathrooms, and full homes with unmatched attention to detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Consultation", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#gallery",
|
||||
},
|
||||
text: "View Our Work", href: "#gallery"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199306.jpg?_wi=1",
|
||||
imageAlt: "Luxury home kitchen renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg?_wi=1",
|
||||
imageAlt: "Custom kitchen remodel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160181.jpg?_wi=1",
|
||||
imageAlt: "Modern master bathroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-book-shelf-stairs_23-2148238645.jpg",
|
||||
imageAlt: "Luxury basement living",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-women-working-office_23-2147668762.jpg",
|
||||
imageAlt: "Complete home renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418570.jpg",
|
||||
imageAlt: "Project transformation",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199306.jpg", imageAlt: "Luxury home kitchen renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg", imageAlt: "Custom kitchen remodel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160181.jpg", imageAlt: "Modern master bathroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-book-shelf-stairs_23-2148238645.jpg", imageAlt: "Luxury basement living" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/men-women-working-office_23-2147668762.jpg", imageAlt: "Complete home renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418570.jpg", imageAlt: "Project transformation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,36 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5+",
|
||||
title: "Star Rating",
|
||||
items: [
|
||||
"Consistently rated",
|
||||
"Highest satisfaction",
|
||||
"Client verified",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Insured",
|
||||
items: [
|
||||
"Fully licensed",
|
||||
"Safety guaranteed",
|
||||
"Protected projects",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Local",
|
||||
title: "Denver Area",
|
||||
items: [
|
||||
"Serving Denver",
|
||||
"Serving suburbs",
|
||||
"Proven locals",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "5+", title: "Star Rating", items: ["Consistently rated", "Highest satisfaction", "Client verified"] },
|
||||
{ id: "m2", value: "100%", title: "Insured", items: ["Fully licensed", "Safety guaranteed", "Protected projects"] },
|
||||
{ id: "m3", value: "Local", title: "Denver Area", items: ["Serving Denver", "Serving suburbs", "Proven locals"] },
|
||||
]}
|
||||
title="Denver's Trusted Builders"
|
||||
description="Experience excellence in construction and design."
|
||||
@@ -149,67 +90,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Kitchen Remodeling",
|
||||
description: "High-end kitchens designed for beauty, function, and value.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-17748.jpg",
|
||||
imageAlt: "Luxury kitchen",
|
||||
},
|
||||
title: "Kitchen Remodeling", description: "High-end kitchens designed for beauty, function, and value.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-17748.jpg", imageAlt: "Luxury kitchen"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Custom Cabinetry",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Modern Fixtures",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Custom Cabinetry" },
|
||||
{ icon: CheckCircle, text: "Modern Fixtures" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199306.jpg?_wi=2",
|
||||
imageAlt: "modern luxury kitchen remodeling",
|
||||
},
|
||||
{
|
||||
title: "Bathroom Renovations",
|
||||
description: "Spa-like spaces with premium finishes and precision work.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-small-space-contemporary-decor_23-2150836589.jpg",
|
||||
imageAlt: "Luxury bathroom",
|
||||
},
|
||||
title: "Bathroom Renovations", description: "Spa-like spaces with premium finishes and precision work.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-small-space-contemporary-decor_23-2150836589.jpg", imageAlt: "Luxury bathroom"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Premium Tiles",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Spa Fixtures",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Premium Tiles" },
|
||||
{ icon: CheckCircle, text: "Spa Fixtures" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg?_wi=2",
|
||||
imageAlt: "modern luxury kitchen remodeling",
|
||||
},
|
||||
{
|
||||
title: "Basement Finishing",
|
||||
description: "Transform unused space into luxury living areas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-table-working-together_23-2147668789.jpg",
|
||||
imageAlt: "Luxury basement",
|
||||
},
|
||||
title: "Basement Finishing", description: "Transform unused space into luxury living areas.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-table-working-together_23-2147668789.jpg", imageAlt: "Luxury basement"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Custom Lighting",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Optimized Space",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Custom Lighting" },
|
||||
{ icon: CheckCircle, text: "Optimized Space" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160181.jpg?_wi=2",
|
||||
imageAlt: "modern luxury kitchen remodeling",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -222,26 +127,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built Different"
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Detail",
|
||||
value: "Meticulous",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "Communication",
|
||||
value: "Clear",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Execution",
|
||||
value: "On-time",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Relationships",
|
||||
value: "Trusted",
|
||||
},
|
||||
{ icon: Shield, label: "Detail", value: "Meticulous" },
|
||||
{ icon: MessageSquare, label: "Communication", value: "Clear" },
|
||||
{ icon: Clock, label: "Execution", value: "On-time" },
|
||||
{ icon: Users, label: "Relationships", value: "Trusted" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -254,42 +143,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kitchen Transformation",
|
||||
price: "High End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hybrid-working-model-collage_23-2149496539.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Master Bath Remodel",
|
||||
price: "Luxury Finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-restroom-wall-hung-toilet-matte-black-fixtures_169016-68901.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Basement Living",
|
||||
price: "Custom Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-s-hand-drying-white-tiles_23-2148155163.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Full Interior Renovation",
|
||||
price: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Bathroom Spa",
|
||||
price: "Refined",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hall-hotel-with-chairs_116348-50.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Executive Home Suite",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Kitchen Transformation", price: "High End", imageSrc: "http://img.b2bpic.net/free-photo/hybrid-working-model-collage_23-2149496539.jpg" },
|
||||
{ id: "p2", name: "Master Bath Remodel", price: "Luxury Finish", imageSrc: "http://img.b2bpic.net/free-photo/stylish-restroom-wall-hung-toilet-matte-black-fixtures_169016-68901.jpg" },
|
||||
{ id: "p3", name: "Basement Living", price: "Custom Design", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-s-hand-drying-white-tiles_23-2148155163.jpg" },
|
||||
{ id: "p4", name: "Full Interior Renovation", price: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg" },
|
||||
{ id: "p5", name: "Modern Bathroom Spa", price: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/hall-hotel-with-chairs_116348-50.jpg" },
|
||||
{ id: "p6", name: "Executive Home Suite", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg" },
|
||||
]}
|
||||
title="Our Work Speaks for Itself"
|
||||
description="See our complete transformations in Denver."
|
||||
@@ -303,46 +162,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Denver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-holding-lamp_23-2147782380.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
role: "Homeowner",
|
||||
company: "Denver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Denver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Denver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
role: "Homeowner",
|
||||
company: "Denver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Denver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-holding-lamp_23-2147782380.jpg" },
|
||||
{ id: "t2", name: "Michael B.", role: "Homeowner", company: "Denver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Homeowner", company: "Denver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Homeowner", company: "Denver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
|
||||
{ id: "t5", name: "Jessica L.", role: "Homeowner", company: "Denver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by Denver homeowners for reliability and knowledge."
|
||||
@@ -356,40 +180,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Consultation",
|
||||
description: "We sit down to understand your vision, requirements, and budget.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",
|
||||
imageAlt: "Design meeting",
|
||||
},
|
||||
title: "Consultation", description: "We sit down to understand your vision, requirements, and budget.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg", imageAlt: "Design meeting"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199306.jpg?_wi=3",
|
||||
imageAlt: "luxury master bedroom renovation",
|
||||
},
|
||||
{
|
||||
title: "Planning & Design",
|
||||
description: "Our team prepares detailed project plans to ensure perfection.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-with-outdoor-patio-pool_23-2152008246.jpg",
|
||||
imageAlt: "Design plan",
|
||||
},
|
||||
title: "Planning & Design", description: "Our team prepares detailed project plans to ensure perfection.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-with-outdoor-patio-pool_23-2152008246.jpg", imageAlt: "Design plan"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg?_wi=3",
|
||||
imageAlt: "luxury master bedroom renovation",
|
||||
},
|
||||
{
|
||||
title: "Build & Walkthrough",
|
||||
description: "Expert craftsmanship followed by final inspection for perfection.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-time-clock-modern-old-fashion-concept_53876-23130.jpg",
|
||||
imageAlt: "Build execution",
|
||||
},
|
||||
title: "Build & Walkthrough", description: "Expert craftsmanship followed by final inspection for perfection.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-time-clock-modern-old-fashion-concept_53876-23130.jpg", imageAlt: "Build execution"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160181.jpg?_wi=3",
|
||||
imageAlt: "luxury master bedroom renovation",
|
||||
},
|
||||
]}
|
||||
title="Our Process"
|
||||
@@ -401,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Transform Your Home?"
|
||||
title="Let's bring your vision to life."
|
||||
description="Projects typically start at $10,000+. We'll get back to you within 24 hours."
|
||||
@@ -414,21 +219,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve all of Denver and the surrounding metro areas.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we offer free initial consultations to discuss your renovation needs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Timelines vary depending on project complexity; we provide detailed schedules after planning.",
|
||||
},
|
||||
{ id: "q1", title: "What areas do you serve?", content: "We serve all of Denver and the surrounding metro areas." },
|
||||
{ id: "q2", title: "Do you offer consultations?", content: "Yes, we offer free initial consultations to discuss your renovation needs." },
|
||||
{ id: "q3", title: "How long does a typical project take?", content: "Timelines vary depending on project complexity; we provide detailed schedules after planning." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We're here to help you get started on your dream renovation project."
|
||||
@@ -441,16 +234,8 @@ export default function LandingPage() {
|
||||
logoText="Pure Construction"
|
||||
copyrightText="© 2025 Pure Construction. Serving Denver & surrounding areas."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user