Update theme colors

Merge version_2 into main

src/app/blog/page.tsx

@@ -34,6 +34,8 @@ export default function BlogPage() {
                             { name: "Projects", id: "/#projects" },
                             { name: "Process", id: "/#process" },
                             { name: "Contact", id: "/#contact" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Shop", id: "/shop" }
                         ]}
                         brandName="Lakeside Construction"
                         bottomLeftText="Crafting Dreams into Reality"
@@ -85,4 +87,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -18,7 +18,7 @@ export const metadata: Metadata = {
   title: "Lakeside Construction Inc. | Luxury Custom Home Builder & Renovation",  description: "Lakeside Construction Inc. specializes in elite luxury custom home builds, renovations, and lakefront projects. Crafting dreams with precision and integrity for affluent homeowners.",  openGraph: {
     title: "Lakeside Construction Inc. | Luxury Custom Home Builder & Renovation",    description: "Lakeside Construction Inc. specializes in elite luxury custom home builds, renovations, and lakefront projects. Crafting dreams with precision and integrity for affluent homeowners.",    url: "https://www.lakesideconstruction.com",    siteName: "Lakeside Construction Inc.",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/beautiful-green-gold-field_23-2150978179.jpg",        alt: "Luxury lakefront home build at sunset"},
+        url: "https://img.b2bpic.net/free-photo/beautiful-green-gold-field_23-2150978179.jpg",        alt: "Luxury lakefront home build at sunset"}
     ],
     type: "website"},
   twitter: {

src/app/page.tsx

@@ -30,11 +30,14 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "About", id: "about" },
+            { name: "Home", id: "/" },
-            { name: "Services", id: "services" },
+            { name: "About", id: "/#about" },
-            { name: "Projects", id: "projects" },
+            { name: "Services", id: "/#services" },
-            { name: "Process", id: "process" },
+            { name: "Projects", id: "/#projects" },
-            { name: "Contact", id: "contact" },
+            { name: "Process", id: "/#process" },
+            { name: "Contact", id: "/#contact" },
+            { name: "Blog", id: "/blog" },
+            { name: "Shop", id: "/shop" }
           ]}
           brandName="Lakeside Construction"
           bottomLeftText="Crafting Dreams into Reality"
@@ -54,6 +57,7 @@ export default function LandingPage() {
           videoAriaLabel="Cinematic video of a luxury home build at sunset"
           showDimOverlay={true}
           ariaLabel="Hero section for Lakeside Construction Inc."
+          descriptionClassName="text-white"
         />
       </div>
 
@@ -187,7 +191,7 @@ export default function LandingPage() {
           description="Partner with Lakeside Construction Inc. to bring your luxury residential vision to life with precision and uncompromising quality."
           background={{ variant: "radial-gradient" }}
           inputPlaceholder="Your Email Address"
-          buttonText="Request a Consultation"
+          buttonText="Start Your Project Today"
           termsText="By clicking 'Request a Consultation', you agree to our privacy policy and terms of service."
           useInvertedBackground={true}
           className="py-20"

src/app/shop/[id]/page.tsx

@@ -90,7 +90,16 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "About", id: "/#about" },
+                                { name: "Services", id: "/#services" },
+                                { name: "Projects", id: "/#projects" },
+                                { name: "Process", id: "/#process" },
+                                { name: "Contact", id: "/#contact" },
+                                { name: "Blog", id: "/blog" },
+                                { name: "Shop", id: "/shop" }
+                            ]}
                             brandName="Lakeside Construction"
                             bottomLeftText="Crafting Dreams into Reality"
                             bottomRightText="Request a Consultation"
@@ -121,7 +130,16 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "About", id: "/#about" },
+                                { name: "Services", id: "/#services" },
+                                { name: "Projects", id: "/#projects" },
+                                { name: "Process", id: "/#process" },
+                                { name: "Contact", id: "/#contact" },
+                                { name: "Blog", id: "/blog" },
+                                { name: "Shop", id: "/shop" }
+                            ]}
                             brandName="Lakeside Construction"
                             bottomLeftText="Crafting Dreams into Reality"
                             bottomRightText="Request a Consultation"
@@ -159,7 +177,16 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Projects", id: "/#projects" },
+                            { name: "Process", id: "/#process" },
+                            { name: "Contact", id: "/#contact" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Shop", id: "/shop" }
+                        ]}
                         brandName="Lakeside Construction"
                         bottomLeftText="Crafting Dreams into Reality"
                         bottomRightText="Request a Consultation"
@@ -204,4 +231,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -33,7 +33,16 @@ function ShopPageContent() {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "About", id: "/#about" },
+                                { name: "Services", id: "/#services" },
+                                { name: "Projects", id: "/#projects" },
+                                { name: "Process", id: "/#process" },
+                                { name: "Contact", id: "/#contact" },
+                                { name: "Blog", id: "/blog" },
+                                { name: "Shop", id: "/shop" }
+                            ]}
                             brandName="Lakeside Construction"
                             bottomLeftText="Crafting Dreams into Reality"
                             bottomRightText="Request a Consultation"
@@ -63,7 +72,16 @@ function ShopPageContent() {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Projects", id: "/#projects" },
+                            { name: "Process", id: "/#process" },
+                            { name: "Contact", id: "/#contact" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Shop", id: "/shop" }
+                        ]}
                         brandName="Lakeside Construction"
                         bottomLeftText="Crafting Dreams into Reality"
                         bottomRightText="Request a Consultation"
@@ -91,4 +109,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #020617;;
+  /* --background: #ffffff;;;;;;
-  --card: #0f172a;;
+  --card: #f9f9f9;;;;;;
-  --foreground: #e2e8f0;;
+  --foreground: #000612e6;;;;;;
-  --primary-cta: #c4d8f9;;
+  --primary-cta: #15479c;;;;;;
-  --secondary-cta: #041633;;
+  --secondary-cta: #f9f9f9;;;;;;
-  --accent: #2d30f3;;
+  --accent: #e2e2e2;;;;;;
-  --background-accent: #1d4ed8;; */
+  --background-accent: #c4c4c4;;;;;; */
 
-  --background: #020617;;
+  --background: #ffffff;;;;;;
-  --card: #0f172a;;
+  --card: #f9f9f9;;;;;;
-  --foreground: #e2e8f0;;
+  --foreground: #000612e6;;;;;;
-  --primary-cta: #c4d8f9;;
+  --primary-cta: #15479c;;;;;;
   --primary-cta-text: #020617;;
-  --secondary-cta: #041633;;
+  --secondary-cta: #f9f9f9;;;;;;
   --secondary-cta-text: #e2e8f0;;
-  --accent: #2d30f3;;
+  --accent: #e2e2e2;;;;;;
-  --background-accent: #1d4ed8;;
+  --background-accent: #c4c4c4;;;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);