Update src/app/page.tsx

Merge version_17 into main

src/app/about/page.tsx

@@ -59,7 +59,6 @@ export default function AboutPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={navItems}
-          brandName=""
           bottomLeftText="Ontario, Canada"
           bottomRightText="hello@schuitgeneral.com"
         />
@@ -69,7 +68,7 @@ export default function AboutPage() {
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Schuit General: " },
-            { type: "text", content: "Building Excellence for Over 25 Years" },
+            { type: "text", content: "Building Excellence for Over 18 Years" },
           ]}
           useInvertedBackground={false}
           buttons={[
@@ -87,16 +86,20 @@ export default function AboutPage() {
           features={[
             {
               id: 1,
-              title: "Quality Craftsmanship",              description: "Every project reflects our dedication to superior workmanship, attention to detail, and use of premium materials that stand the test of time.",              imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-with-folder_1157-47547.jpg?_wi=2",              imageAlt: "skilled construction craftsmanship"},
+              title: "Quality Craftsmanship",              description: "Every project reflects our dedication to superior workmanship, attention to detail, and use of premium materials that stand the test of time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773020869056-oejcf067.jpg",              imageAlt: "skilled construction craftsmanship"
+            },
             {
               id: 2,
-              title: "Client-Centric Approach",              description: "We prioritize understanding your vision, maintaining transparent communication, and delivering results that exceed your expectations every time.",              imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg?_wi=2",              imageAlt: "collaborative client meetings"},
+              title: "Client-Centric Approach",              description: "We prioritize understanding your vision, maintaining transparent communication, and delivering results that exceed your expectations every time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-ob7ylpcq.jpg",              imageAlt: "collaborative client meetings"
+            },
             {
               id: 3,
-              title: "Sustainable Innovation",              description: "We embrace modern building techniques and energy-efficient solutions to create spaces that are both beautiful and environmentally responsible.",              imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554114.jpg?_wi=2",              imageAlt: "sustainable green building practices"},
+              title: "Sustainable Innovation",              description: "We embrace modern building techniques and energy-efficient solutions to create spaces that are both beautiful and environmentally responsible.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-hp9oa4i7.jpg",              imageAlt: "sustainable green building practices"
+            },
             {
               id: 4,
-              title: "Proven Reliability",              description: "With 500+ completed projects and 98% client satisfaction, our track record speaks to our reliability and commitment to project success.",              imageSrc: "http://img.b2bpic.net/free-photo/lake-o-hara-yoho-national-park-with-waterfront-carbin_649448-2559.jpg?_wi=2",              imageAlt: "completed construction projects"},
+              title: "Proven Reliability",              description: "With 500+ completed projects and 98% client satisfaction, our track record speaks to our reliability and commitment to project success.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-u1d6o0w2.jpg?_wi=2",              imageAlt: "completed construction projects"
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -107,7 +110,7 @@ export default function AboutPage() {
         <MetricCardSeven
           metrics={[
             {
-              id: "1",              value: "25+",              title: "Years in Business",              items: ["Founded 1995", "Continuous growth and excellence"],
+              id: "1",              value: "18+",              title: "Years in Business",              items: ["Founded in 2008", "Continuous growth and excellence"],
             },
             {
               id: "2",              value: "500+",              title: "Projects Delivered",              items: ["Residential to commercial", "Diverse project types"],
@@ -129,7 +132,7 @@ export default function AboutPage() {
         <ContactCTA
           tag="Work With Us"
           title="Ready to Transform Your Project?"
-          description="With over 25 years of expertise, Schuit General is your trusted partner for construction and renovation excellence. Let's discuss your vision today."
+          description="With over 18 years of expertise, Schuit General is your trusted partner for construction and renovation excellence. Let's discuss your vision today."
           buttons={[
             { text: "Request a Consultation", href: "contact" },
             { text: "View Our Portfolio", href: "/" },

src/app/layout.tsx

@@ -1,17 +1,14 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
+import { Inter } from "next/font/google";
+import "./styles/variables.css";
+import "./styles/base.css";
 
-const geist = Geist({
-  variable: "--font-geist-sans",  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",  subsets: ["latin"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",  description: "Generated by create next app"};
+  title: "Schuit General - Construction & Renovation",  description: "Premium general contracting for residential, cottage, and mid-rise projects across Ontario."};
 
 export default function RootLayout({
   children,
@@ -19,9 +16,22 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
-      <body className={`${geist.variable} ${geistMono.variable}`}>
-        {children}
+    <html lang="en" suppressHydrationWarning>
+      <body className={`${inter.variable}`}>
+        <ServiceWrapper>
+          <Tag />
+          {children}
+        </ServiceWrapper>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                const theme = localStorage.getItem('theme') || 'light';
+                document.documentElement.setAttribute('data-theme', theme);
+              })();
+            `,
+          }}
+        />
       
         <script
           dangerouslySetInnerHTML={{
@@ -1393,3 +1403,11 @@ export default function RootLayout({
     </html>
   );
 }
+
+function ServiceWrapper({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}
+
+function Tag() {
+  return null;
+}

src/app/page.tsx

@@ -7,8 +7,7 @@ import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCa
 import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 
@@ -39,7 +38,7 @@ export default function HomePage() {
     },
     {
       title: "Contact",      items: [
-        { label: "Email: hello@schuitgeneral.com", href: "mailto:hello@schuitgeneral.com" },
+        { label: "Email: schuitgeneral@gmail.com", href: "mailto:schuitgeneral@gmail.com" },
         { label: "Phone: 905-638-4803", href: "tel:905-638-4803" },
         { label: "Ontario, Canada", href: "#" },
       ],
@@ -62,15 +61,14 @@ export default function HomePage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={navItems}
-          brandName=""
           bottomLeftText="Ontario, Canada"
-          bottomRightText="hello@schuitgeneral.com"
+          bottomRightText="schuitgeneral@gmail.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
-          logoText=""
+          logoText="SCHUIT GENERAL"
           description="Building Stronger, Smarter Spaces. Premium general contracting for residential, cottage, and mid-rise projects across Ontario."
           buttons={[
             { text: "Request a Quote", href: "contact" },
@@ -78,9 +76,11 @@ export default function HomePage() {
           ]}
           slides={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-construction_23-2148751990.jpg",              imageAlt: "exterior restoration building facade renovation"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773089402832-7kuv74bq.jpg?_wi=1",              imageAlt: "cottage renovation exterior improvement"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571924.jpg",              imageAlt: "cottage renovation exterior improvement"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773089372551-yp8c17sq.jpg?_wi=1",              imageAlt: "construction project management team planning"
+            },
           ]}
           autoplayDelay={5000}
           showDimOverlay={true}
@@ -95,16 +95,20 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              title: "General Contracting",              description: "Full-service project management from residential homes to mid-rise buildings. We handle every phase with precision and accountability.",              imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-with-folder_1157-47547.jpg?_wi=1",              imageAlt: "construction project management team planning"},
+              title: "General Contracting",              description: "Full-service project management from residential homes to mid-rise buildings. We handle every phase with precision and accountability.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773089372551-yp8c17sq.jpg?_wi=2",              imageAlt: "construction project management team planning"
+            },
             {
               id: 2,
-              title: "Exterior Restorations",              description: "Expert restoration of building facades, siding, and exterior elements. We specialize in preserving architectural character while modernizing performance.",              imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg?_wi=1",              imageAlt: "exterior facade restoration workers"},
+              title: "Exterior Restorations",              description: "Expert restoration of building facades, siding, and exterior elements. We specialize in preserving architectural character while modernizing performance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773089402832-7kuv74bq.jpg?_wi=2",              imageAlt: "exterior facade restoration workers"
+            },
             {
               id: 3,
-              title: "Energy-Efficient Upgrades",              description: "Advanced building envelope improvements and energy solutions. Reduce operating costs while improving comfort and sustainability.",              imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554114.jpg?_wi=1",              imageAlt: "energy efficient building upgrades installation"},
+              title: "Energy-Efficient Upgrades",              description: "Advanced building envelope improvements and energy solutions. Reduce operating costs while improving comfort and sustainability.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-hp9oa4i7.jpg?_wi=1",              imageAlt: "energy efficient building upgrades installation"
+            },
             {
               id: 4,
-              title: "Cottage & Renovation",              description: "Specialized cottage construction and renovation expertise. We understand seasonal challenges and heritage considerations unique to cottage properties.",              imageSrc: "http://img.b2bpic.net/free-photo/lake-o-hara-yoho-national-park-with-waterfront-carbin_649448-2559.jpg?_wi=1",              imageAlt: "cottage renovation rural property improvement"},
+              title: "Cottage & Renovation",              description: "Specialized cottage construction and renovation expertise. We understand seasonal challenges and heritage considerations unique to cottage properties.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-ob7ylpcq.jpg?_wi=1",              imageAlt: "cottage renovation rural property improvement"
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -115,7 +119,7 @@ export default function HomePage() {
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "A Trusted Partner in Construction Since " },
-            { type: "text", content: "1995" },
+            { type: "text", content: "A Trusted Partner in Construction Since  2008 " },
           ]}
           useInvertedBackground={false}
           buttons={[
@@ -129,13 +133,17 @@ export default function HomePage() {
         <ProductCardFour
           products={[
             {
-              id: "project-1",              name: "Burlington Residence - Full Renovation",              price: "Completed 2023",              variant: "Modern Exterior Restoration",              imageSrc: "http://img.b2bpic.net/free-vector/traditional-mexican-house-windows_1308-175657.jpg?_wi=1",              imageAlt: "Burlington residence exterior"},
+              id: "project-1",              name: "Backyard deck and pergola renovation ",              price: "Completed 2019",              variant: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081676-j07lq8jc.jpg",              imageAlt: "Burlington residence exterior renovation with modern updates and restored facade details"
+            },
             {
-              id: "project-2",              name: "Muskoka Cottage - Energy Upgrade",              price: "Completed 2023",              variant: "Sustainable Renovation",              imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-sunset-lake-sunset-walking-nature-pier-berth_169016-67652.jpg?_wi=1",              imageAlt: "Muskoka cottage project"},
+              id: "project-2",              name: "Exterior restoration  ",              price: "Completed 2019",              variant: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-hp9oa4i7.jpg?_wi=2",              imageAlt: "Muskoka cottage featuring energy-efficient upgrades and sustainable building improvements"
+            },
             {
-              id: "project-3",              name: "Downtown Office Building - Mid-Rise",              price: "Completed 2022",              variant: "Commercial Construction",              imageSrc: "http://img.b2bpic.net/free-photo/design-building-with-opened-windows_23-2148252778.jpg?_wi=1",              imageAlt: "Downtown office building"},
+              id: "project-3",              name: "Downtown Office Building - Mid-Rise",              price: "Completed 2022",              variant: "Commercial Construction",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-ob7ylpcq.jpg?_wi=2",              imageAlt: "Downtown office building showcasing mid-rise commercial construction with modern architectural design"
+            },
             {
-              id: "project-4",              name: "Heritage Facade Restoration",              price: "Completed 2022",              variant: "Historic Preservation",              imageSrc: "http://img.b2bpic.net/free-photo/young-male-models-posing-outdoor-stairs_23-2148289233.jpg?_wi=1",              imageAlt: "Heritage building restoration"},
+              id: "project-4",              name: "Heritage Facade Restoration",              price: "Completed 2022",              variant: "Historic Preservation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773022081677-u1d6o0w2.jpg?_wi=1",              imageAlt: "Heritage building facade restoration preserving historic character while updating structural integrity"
+            },
           ]}
           title="Featured Projects"
           description="Discover our portfolio of completed projects showcasing diverse expertise in residential, commercial, and specialized construction."
@@ -147,45 +155,23 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardSeven
-          metrics={[
+      <div id="team" data-section="team">
+        <TeamCardTwo
+          members={[
             {
-              id: "1",              value: "500+",              title: "Projects Completed",              items: ["Residential to Commercial", "Spanning 25+ years of excellence"],
-            },
-            {
-              id: "2",              value: "98%",              title: "Client Satisfaction",              items: ["Long-term relationships built on trust", "Repeat and referral business"],
-            },
-            {
-              id: "3",              value: "25+",              title: "Years of Experience",              items: ["Proven expertise across all sectors", "Industry-leading certifications"],
+              id: "1",              name: "Randy Schuit",              role: "Founder & CEO",              description: "With over 35 years of experience in general contracting, Richael Schuit leads Schuit General with a commitment to excellence and innovation in construction.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgOT4hEP92v0HRAH1gxSdj0hBl/uploaded-1773090617827-2rffgx8w.jpg",              imageAlt: "Michael Schuit, Founder & CEO of Schuit General"
             },
           ]}
-          title="Why Choose Schuit General"
-          description="Numbers that speak to our commitment to excellence and client satisfaction."
-          tag="Our Track Record"
+          title="Meet the Owner"
+          description="Get to know the leadership and expertise behind Schuit General's success."
+          tag="Our Leadership"
           textboxLayout="default"
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve
-          testimonials={[
-            { id: "1", name: "Sarah Thompson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg?_wi=1" },
-            { id: "2", name: "Michael Garrison", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-with-serious-expression-street_839833-28129.jpg?_wi=1" },
-            { id: "3", name: "Jennifer Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-stylish-asian-girl-coat-happily-looking-camera-outdoor_574295-2055.jpg?_wi=1" },
-            { id: "4", name: "David Porter", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23575.jpg?_wi=1" },
-            { id: "5", name: "Lisa Marchand", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg?_wi=1" },
-            { id: "6", name: "Robert Walsh", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-dark-skinned-student-wearing-checkered-shirt-with-confident-joyful-expression-standing-chalkboard-wall_273609-5907.jpg?_wi=1" },
-          ]}
-          cardTitle="Trusted by homeowners, property managers, and developers across Ontario"
-          cardTag="Client Testimonials"
-          cardAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Ready to Build?"
@@ -203,10 +189,10 @@ export default function HomePage() {
       <div id="footer" data-section="footer">
         <FooterBase
           columns={footerColumns}
-          logoText="Schuit General"
+          logoText="SCHUIT GENERAL"
           copyrightText="© 2025 Schuit General. All rights reserved. Division of Burlington SCI."
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #9e9d99;
   --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c2c2c;
+  --primary-cta-text: #f5f4f0;
+  --secondary-cta: #f5f4f0;
+  --secondary-cta-text: #1a1a1a;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);