Update src/app/page.tsx
This commit is contained in:
220
src/app/page.tsx
220
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DC Construction"
|
||||
/>
|
||||
@@ -59,45 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Building the Future of Washington DC"
|
||||
description="Premium construction services dedicated to quality, precision, and the local community. Your vision, expertly built."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg",
|
||||
imageAlt: "Construction site project 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg", imageAlt: "Construction site project 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-engineers-handling-assembly-workflow-with-industrial-plans-standing-near-steel-machinery_482257-136066.jpg",
|
||||
imageAlt: "Construction site project 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-engineers-handling-assembly-workflow-with-industrial-plans-standing-near-steel-machinery_482257-136066.jpg", imageAlt: "Construction site project 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg",
|
||||
imageAlt: "Construction site project 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg", imageAlt: "Construction site project 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661430.jpg",
|
||||
imageAlt: "Construction site project 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661430.jpg", imageAlt: "Construction site project 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-city-with-old-buildings-evening-with-mountains_181624-15547.jpg",
|
||||
imageAlt: "Construction site project 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-city-with-old-buildings-evening-with-mountains_181624-15547.jpg", imageAlt: "Construction site project 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431544.jpg",
|
||||
imageAlt: "Construction site project 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431544.jpg", imageAlt: "Construction site project 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,8 +81,7 @@ export default function LandingPage() {
|
||||
title="Your Trusted Local Construction Partner"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,20 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Construction",
|
||||
description: "Custom homes and full renovations with local expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/draftsman-construction-site_23-2147785488.jpg",
|
||||
},
|
||||
title: "Residential Construction", description: "Custom homes and full renovations with local expertise.", imageSrc: "http://img.b2bpic.net/free-photo/draftsman-construction-site_23-2147785488.jpg"},
|
||||
{
|
||||
title: "Commercial Builds",
|
||||
description: "Professional spaces built to exceed industry standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-490.jpg",
|
||||
},
|
||||
title: "Commercial Builds", description: "Professional spaces built to exceed industry standards.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-490.jpg"},
|
||||
{
|
||||
title: "Renovation Services",
|
||||
description: "Revitalizing existing structures with modern techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95724.jpg",
|
||||
},
|
||||
title: "Renovation Services", description: "Revitalizing existing structures with modern techniques.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95724.jpg"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive construction solutions for residential and commercial projects."
|
||||
@@ -144,46 +107,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Home Facade",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892916.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Home Facade", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892916.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Office Space",
|
||||
price: "In Progress",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004769.jpg",
|
||||
},
|
||||
id: "p2", name: "Modern Office Space", price: "In Progress", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004769.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Masonry Work",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-projects_23-2148242924.jpg",
|
||||
},
|
||||
id: "p3", name: "Custom Masonry Work", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-projects_23-2148242924.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Apartment Renovation",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg",
|
||||
},
|
||||
id: "p4", name: "Apartment Renovation", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sustainable Housing",
|
||||
price: "In Progress",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-building-with-vegetation_23-2148798649.jpg",
|
||||
},
|
||||
id: "p5", name: "Sustainable Housing", price: "In Progress", imageSrc: "http://img.b2bpic.net/free-photo/city-building-with-vegetation_23-2148798649.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Urban Design Build",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-architecture-concept_53876-125393.jpg",
|
||||
},
|
||||
id: "p6", name: "Urban Design Build", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/construction-building-architecture-concept_53876-125393.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing our dedication to excellence and architectural detail."
|
||||
@@ -198,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "300+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "300+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="Results You Can Rely On"
|
||||
description="Numbers behind our commitment to excellence."
|
||||
@@ -224,45 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Work",
|
||||
quote: "Reliable and precise. DC Construction transformed our home.",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg",
|
||||
},
|
||||
id: "1", title: "Great Work", quote: "Reliable and precise. DC Construction transformed our home.", name: "Sarah Miller", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional team with exceptional attention to detail.",
|
||||
name: "Mark Roberts",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-old-man-with-white-helmet_23-2148269398.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Recommend", quote: "Professional team with exceptional attention to detail.", name: "Mark Roberts", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-old-man-with-white-helmet_23-2148269398.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent Service",
|
||||
quote: "Exceeded expectations on our office renovation.",
|
||||
name: "Jessica Lee",
|
||||
role: "Office Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/constructors-talking-construction-site_23-2147710751.jpg",
|
||||
},
|
||||
id: "3", title: "Excellent Service", quote: "Exceeded expectations on our office renovation.", name: "Jessica Lee", role: "Office Manager", imageSrc: "http://img.b2bpic.net/free-photo/constructors-talking-construction-site_23-2147710751.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Reliable Partner",
|
||||
quote: "Solid construction work delivered on time and budget.",
|
||||
name: "David Clark",
|
||||
role: "Real Estate Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",
|
||||
},
|
||||
id: "4", title: "Reliable Partner", quote: "Solid construction work delivered on time and budget.", name: "David Clark", role: "Real Estate Developer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Outstanding Quality",
|
||||
quote: "The quality of masonry is top-tier. Very happy.",
|
||||
name: "Anna Petrova",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28900.jpg",
|
||||
},
|
||||
id: "5", title: "Outstanding Quality", quote: "The quality of masonry is top-tier. Very happy.", name: "Anna Petrova", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28900.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Professional construction, reliable results."
|
||||
@@ -275,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you handle residential and commercial projects?",
|
||||
content: "Yes, our team is highly experienced in both domains.",
|
||||
},
|
||||
id: "f1", title: "Do you handle residential and commercial projects?", content: "Yes, our team is highly experienced in both domains."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long do most projects take?",
|
||||
content: "Timeline varies by project size; we provide detailed estimates upon consultation.",
|
||||
},
|
||||
id: "f2", title: "How long do most projects take?", content: "Timeline varies by project size; we provide detailed estimates upon consultation."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed in Washington DC?",
|
||||
content: "Yes, fully licensed, bonded, and insured in the DC area.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed in Washington DC?", content: "Yes, fully licensed, bonded, and insured in the DC area."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to commonly asked questions about our process."
|
||||
@@ -303,20 +195,12 @@ export default function LandingPage() {
|
||||
description="5644 3rd st NE, Washington DC 20011 | +1 202 807 7499"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your project"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-lady-standing-near-model-building-table_23-2148039868.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -325,33 +209,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user