Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Hammer, ClipboardList, Building, Wrench, MapPin, ShieldCheck } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -30,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Duke Commercial"
|
||||
/>
|
||||
@@ -57,22 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Commercial Construction & Development"
|
||||
description="Serving Indiana businesses with professional construction solutions built on quality, integrity, and experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
{ text: "View Projects", href: "#projects" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg"
|
||||
imageAlt="modern commercial construction building site"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,20 +62,11 @@ export default function LandingPage() {
|
||||
title="About Duke Commercial"
|
||||
description="Duke Commercial is a trusted commercial construction company based in Bargersville, Indiana, dedicated to delivering high-quality building solutions for organizations and businesses across the region. We pride ourselves on professionalism, reliability, transparent communication, and complete client satisfaction in every phase of development."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Professionalism",
|
||||
description: "Delivering projects on schedule with industry-leading standards.",
|
||||
},
|
||||
{
|
||||
title: "Reliability",
|
||||
description: "Dependable construction services you can count on.",
|
||||
},
|
||||
{
|
||||
title: "Communication",
|
||||
description: "Transparent updates throughout the entire process.",
|
||||
},
|
||||
{ title: "Professionalism", description: "Delivering projects on schedule with industry-leading standards." },
|
||||
{ title: "Reliability", description: "Dependable construction services you can count on." },
|
||||
{ title: "Communication", description: "Transparent updates throughout the entire process." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg"
|
||||
imageAlt="professional construction team on site"
|
||||
/>
|
||||
</div>
|
||||
@@ -107,48 +76,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Commercial Construction",
|
||||
description: "Full-scale building solutions for your business.",
|
||||
buttonIcon: "Hammer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-architect-holding-modern-maquette_482257-10568.jpg",
|
||||
imageAlt: "construction icon industrial",
|
||||
},
|
||||
{
|
||||
title: "Project Management",
|
||||
description: "Expert oversight to keep projects on budget.",
|
||||
buttonIcon: "ClipboardList",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg?_wi=2",
|
||||
imageAlt: "construction icon industrial",
|
||||
},
|
||||
{
|
||||
title: "Commercial Development",
|
||||
description: "Transforming landscapes into professional assets.",
|
||||
buttonIcon: "Building",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg?_wi=2",
|
||||
imageAlt: "construction icon industrial",
|
||||
},
|
||||
{
|
||||
title: "Renovations & Build-Outs",
|
||||
description: "Customized interior and exterior building upgrades.",
|
||||
buttonIcon: "Wrench",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-stone-metal-building-blue-sky_181624-7605.jpg?_wi=1",
|
||||
imageAlt: "construction icon industrial",
|
||||
},
|
||||
{
|
||||
title: "Site Planning",
|
||||
description: "Strategic development and land analysis.",
|
||||
buttonIcon: "MapPin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg?_wi=1",
|
||||
imageAlt: "construction icon industrial",
|
||||
},
|
||||
{
|
||||
title: "General Contracting",
|
||||
description: "Comprehensive oversight of building operations.",
|
||||
buttonIcon: "ShieldCheck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-social-distancing-work_23-2148961706.jpg?_wi=1",
|
||||
imageAlt: "construction icon industrial",
|
||||
},
|
||||
{ title: "Commercial Construction", description: "Full-scale building solutions for your business.", buttonIcon: Hammer, imageSrc: "http://img.b2bpic.net/free-photo/construction-architect-holding-modern-maquette_482257-10568.jpg", imageAlt: "construction icon industrial" },
|
||||
{ title: "Project Management", description: "Expert oversight to keep projects on budget.", buttonIcon: ClipboardList, imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg", imageAlt: "construction icon industrial" },
|
||||
{ title: "Commercial Development", description: "Transforming landscapes into professional assets.", buttonIcon: Building, imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg", imageAlt: "construction icon industrial" },
|
||||
{ title: "Renovations & Build-Outs", description: "Customized interior and exterior building upgrades.", buttonIcon: Wrench, imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-stone-metal-building-blue-sky_181624-7605.jpg", imageAlt: "construction icon industrial" },
|
||||
{ title: "Site Planning", description: "Strategic development and land analysis.", buttonIcon: MapPin, imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg", imageAlt: "construction icon industrial" },
|
||||
{ title: "General Contracting", description: "Comprehensive oversight of building operations.", buttonIcon: ShieldCheck, imageSrc: "http://img.b2bpic.net/free-photo/people-social-distancing-work_23-2148961706.jpg", imageAlt: "construction icon industrial" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer a comprehensive range of construction and development services."
|
||||
@@ -162,21 +95,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
description: "Completed Projects",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Safety Compliance",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years Experience" },
|
||||
{ id: "m2", value: "200+", description: "Completed Projects" },
|
||||
{ id: "m3", value: "100%", description: "Safety Compliance" },
|
||||
]}
|
||||
title="Construction Excellence"
|
||||
description="Results driven by professional expertise and dedication."
|
||||
@@ -188,46 +109,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Quality",
|
||||
quote: "Always a pleasure to work with.",
|
||||
name: "Emily Marten",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Team",
|
||||
quote: "Thank you so much for your 5-Star review of Duke Commercial.",
|
||||
name: "John Smith",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Reliable Service",
|
||||
quote: "We appreciate and truly value your feedback.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Professionalism",
|
||||
quote: "Top-tier construction results.",
|
||||
name: "David Wilson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "On Time",
|
||||
quote: "Very reliable contractor in Indiana.",
|
||||
name: "Robert Brown",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Excellent Quality", quote: "Always a pleasure to work with.", name: "Emily Marten", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg" },
|
||||
{ id: "t2", title: "Great Team", quote: "Thank you so much for your 5-Star review of Duke Commercial.", name: "John Smith", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" },
|
||||
{ id: "t3", title: "Reliable Service", quote: "We appreciate and truly value your feedback.", name: "Sarah Jenkins", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "t4", title: "Professionalism", quote: "Top-tier construction results.", name: "David Wilson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
|
||||
{ id: "t5", title: "On Time", quote: "Very reliable contractor in Indiana.", name: "Robert Brown", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="7 Google Reviews (4.0-star rating)"
|
||||
@@ -241,42 +127,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Office Complex",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-stone-metal-building-blue-sky_181624-7605.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Industrial Site",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Retail Renovation",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-social-distancing-work_23-2148961706.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Construction Crew",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-team-businesswoman-discussing-workspace-design-planning_482257-91082.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Commercial Plaza",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-colorful-skycrapers-with-beautiful-blue-sky-background_231208-7623.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Warehouse Build",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1749.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Office Complex", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-stone-metal-building-blue-sky_181624-7605.jpg" },
|
||||
{ id: "p2", name: "Industrial Site", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg" },
|
||||
{ id: "p3", name: "Retail Renovation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/people-social-distancing-work_23-2148961706.jpg" },
|
||||
{ id: "p4", name: "Construction Crew", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-team-businesswoman-discussing-workspace-design-planning_482257-91082.jpg" },
|
||||
{ id: "p5", name: "Commercial Plaza", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/tall-colorful-skycrapers-with-beautiful-blue-sky-background_231208-7623.jpg" },
|
||||
{ id: "p6", name: "Warehouse Build", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1749.jpg" },
|
||||
]}
|
||||
title="Project Gallery"
|
||||
description="Completed commercial projects across the region."
|
||||
@@ -286,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Build Something Great Together."
|
||||
title="Contact Duke Commercial"
|
||||
description="Bargersville, Indiana. Reach out for a consultation regarding your next commercial project."
|
||||
@@ -300,44 +154,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-building-with-many-windows_23-2148252801.jpg"
|
||||
logoText="Duke Commercial"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Bargersville, Indiana",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(555) 012-3456",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
{
|
||||
label: "contact@dukecommercial.com",
|
||||
href: "mailto:contact@dukecommercial.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Information", items: [{ label: "Bargersville, Indiana", href: "#" }, { label: "(555) 012-3456", href: "tel:5550123456" }, { label: "contact@dukecommercial.com", href: "mailto:contact@dukecommercial.com" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Duke Commercial. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user