bender/d0fab969-e686-4cf8-89d1-e58205012b1e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

13 Commits
version_1 ... main

Author SHA1 Message Date
bender
5c34e44a83 Merge version_4 into main 
Merge version_4 into main
 2026-04-17 22:45:02 +00:00
bender
afb9816d7e Update src/app/styles/base.css 2026-04-17 22:44:56 +00:00
bender
9b5ef376b4 Update src/app/layout.tsx 2026-04-17 22:44:55 +00:00
bender
8dabd82f1d Merge version_3 into main 
Merge version_3 into main
 2026-04-17 22:38:55 +00:00
bender
58ba41d86d Update src/app/about/page.tsx 2026-04-17 22:38:52 +00:00
bender
63cd975d13 Merge version_3 into main 
Merge version_3 into main
 2026-04-17 22:38:31 +00:00
bender
de97d345b4 Update src/app/about/page.tsx 2026-04-17 22:38:28 +00:00
bender
7e05cc4c43 Merge version_2 into main 
Merge version_2 into main
 2026-04-17 22:33:03 +00:00
bender
0ad7fd32bb Update src/app/about/page.tsx 2026-04-17 22:32:57 +00:00
bender
b625f59421 Merge version_2 into main 
Merge version_2 into main
 2026-04-17 22:32:36 +00:00
bender
5bda501f99 Update src/app/page.tsx 2026-04-17 22:32:32 +00:00
bender
92529e5f01 Add src/app/about/page.tsx 2026-04-17 22:32:32 +00:00
bender
792c935263 Merge version_1 into main 
Merge version_1 into main
 2026-04-17 22:23:39 +00:00
4 changed files with 105 additions and 106 deletions
Expand all files Collapse all files

57
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,57 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/#services" },
{ name: "Projects", id: "/#projects" },
{ name: "Contact", id: "/#contact" },
]}
brandName="DC Construction"
/>
</div>
<div id="about" data-section="about" className="py-24">
<TextSplitAbout
title="Our mission is to transform visions into reality through uncompromising quality and innovative construction solutions."
description={["At DC Construction, we build more than just structures; we build enduring relationships based on integrity, transparency, and a relentless pursuit of excellence in every square meter."]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/#services" }, { label: "Contact", href: "/#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="DC Construction"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

14
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Libre_Baskerville } from "next/font/google"; import { Libre_Baskerville } from "next/font/google";
import { Figtree } from "next/font/google";
@@ -19,14 +20,9 @@ export const metadata: Metadata = {
}, },
}; };
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", const figtree = Figtree({
subsets: ["latin"], variable: "--font-figtree", subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -37,7 +33,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}> <body className={`${figtree.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

136
src/app/page.tsx
View File

@@ -31,16 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About", id: "/about" },
{ { name: "Services", id: "services" },
name: "About", id: "about"}, { name: "Projects", id: "projects" },
{ { name: "Contact", id: "contact" },
name: "Services", id: "services"},
{
name: "Projects", id: "projects"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="DC Construction" brandName="DC Construction"
/> />
@@ -48,29 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars"}}
title="Building the Future of Washington DC" title="Building the Future of Washington DC"
description="Premium construction services dedicated to quality, precision, and the local community. Your vision, expertly built." description="Premium construction services dedicated to quality, precision, and the local community. Your vision, expertly built."
buttons={[ buttons={[
{ { text: "Get a Quote", href: "#contact" },
text: "Get a Quote", href: "#contact"}, { text: "Our Services", href: "#services" },
{
text: "Our Services", href: "#services"},
]} ]}
mediaItems={[ 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/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg", imageAlt: "Construction site project 3" },
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/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/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg", imageAlt: "Construction site project 3"}, { 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/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/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431544.jpg", imageAlt: "Construction site project 6"},
]} ]}
/> />
</div> </div>
@@ -80,8 +66,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Your Trusted Local Construction Partner" title="Your Trusted Local Construction Partner"
buttons={[ buttons={[
{ { text: "Learn More", href: "/about" },
text: "Learn More"},
]} ]}
/> />
</div> </div>
@@ -93,12 +78,9 @@ export default function LandingPage() {
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "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: "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="Our Expert Services" title="Our Expert Services"
description="Comprehensive construction solutions for residential and commercial projects." description="Comprehensive construction solutions for residential and commercial projects."
@@ -112,18 +94,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "p3", name: "Custom Masonry Work", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-projects_23-2148242924.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: "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: "p3", name: "Custom Masonry Work", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-projects_23-2148242924.jpg"}, { id: "p6", name: "Urban Design Build", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/construction-building-architecture-concept_53876-125393.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: "p6", name: "Urban Design Build", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/construction-building-architecture-concept_53876-125393.jpg"},
]} ]}
title="Featured Projects" title="Featured Projects"
description="Showcasing our dedication to excellence and architectural detail." description="Showcasing our dedication to excellence and architectural detail."
@@ -137,12 +113,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ 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: "m3", value: "100%", description: "Client Satisfaction" },
id: "m2", value: "300+", description: "Projects Completed"},
{
id: "m3", value: "100%", description: "Client Satisfaction"},
]} ]}
title="Results You Can Rely On" title="Results You Can Rely On"
description="Numbers behind our commitment to excellence." description="Numbers behind our commitment to excellence."
@@ -154,16 +127,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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: "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: "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: "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: "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: "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" title="What Clients Say"
description="Professional construction, reliable results." description="Professional construction, reliable results."
@@ -175,12 +143,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ 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: "f3", title: "Are you licensed in Washington DC?", content: "Yes, fully licensed, bonded, and insured in the DC area." },
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."},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Answers to commonly asked questions about our process." description="Answers to commonly asked questions about our process."
@@ -194,13 +159,10 @@ export default function LandingPage() {
title="Let's Build Together" title="Let's Build Together"
description="5644 3rd st NE, Washington DC 20011 | +1 202 807 7499" description="5644 3rd st NE, Washington DC 20011 | +1 202 807 7499"
inputs={[ 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={{ 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" imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-lady-standing-near-model-building-table_23-2148039868.jpg"
/> />
</div> </div>
@@ -208,24 +170,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
title: "Links", items: [ { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{
label: "About", href: "#about"},
{
label: "Services", href: "#services"},
{
label: "Contact", href: "#contact"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]} ]}
logoText="DC Construction" logoText="DC Construction"
/> />
@@ -233,4 +179,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-figtree), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-libre-baskerville), serif; font-family: var(--font-figtree), serif;
} }