Update src/app/about/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -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>
+  );
+}

src/app/page.tsx

@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       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"
     />
@@ -48,29 +43,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      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/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>
@@ -80,8 +66,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your Trusted Local Construction Partner"
       buttons={[
-        {
+        { text: "Learn More", href: "/about" },
-          text: "Learn More"},
       ]}
     />
   </div>
@@ -93,12 +78,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       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: "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"
       description="Comprehensive construction solutions for residential and commercial projects."
@@ -112,18 +94,12 @@ export default function LandingPage() {
       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: "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"
       description="Showcasing our dedication to excellence and architectural detail."
@@ -137,12 +113,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       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: "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"
       description="Numbers behind our commitment to excellence."
@@ -154,16 +127,11 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "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"
       description="Professional construction, reliable results."
@@ -175,12 +143,9 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "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"
       description="Answers to commonly asked questions about our process."
@@ -194,13 +159,10 @@ export default function LandingPage() {
       title="Let's Build Together"
       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={{
+      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>
@@ -208,24 +170,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       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"
     />