Update src/app/page.tsx

Merge version_5 into main
2026-04-09 00:07:27 +00:00 · 2026-04-09 00:05:08 +00:00 · 2026-04-09 00:05:02 +00:00 · 2026-04-08 23:52:41 +00:00 · 2026-04-08 23:52:35 +00:00 · 2026-04-08 23:52:06 +00:00
1 changed files with 74 additions and 205 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,10 +6,11 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import { Award, Clock, Home, MapPin, ShieldCheck, Smile } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { Award, Clock, Home, MapPin, Smile } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -30,89 +31,35 @@ export default function LandingPage() {
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
        {
-          name: "Projects",
-          id: "gallery",
-        },
+          name: "Projects",          id: "gallery"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
+        {
+          name: "Estimate",          id: "estimate"},
      ]}
-      brandName="Gonzalez Renovations"
+      brandName=""
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Elevating Spaces, Redefining Luxury."
-      description="Expert home renovations tailored to your vision. Crafting legacy through precision and passion."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",
-          alt: "Client 5",
-        },
-      ]}
+      <HeroLogoBillboard
+      logoText="Gonzalez Renovations"
+      description="Premier home renovation specialists serving the greater Austin area. Transforming local houses into high-end dream homes with expert craftsmanship."
      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text-icon",
-          text: "Award Winning",
-          icon: Award,
-        },
-        {
-          type: "text",
-          text: "Sustainable Materials",
-        },
-        {
-          type: "text-icon",
-          text: "Certified Experts",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Precision Craftsmanship",
-        },
+        { text: "Start Project", href: "#contact" },
+        { text: "Our Portfolio", href: "#gallery" }
      ]}
+      background={{
+        variant: "gradient-bars"
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg"
+      frameStyle="card"
    />
  </div>

@@ -123,59 +70,29 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          id: "f1",
-          title: "Kitchen Remodeling",
-          tags: [
-            "Modern",
-            "Custom",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1",
-        },
+          id: "f1",          title: "Kitchen Remodeling",          tags: [
+            "Modern",            "Custom"],
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1"},
        {
-          id: "f2",
-          title: "Bathroom Suites",
-          tags: [
-            "Spa",
-            "Elegant",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2",
-        },
+          id: "f2",          title: "Bathroom Suites",          tags: [
+            "Spa",            "Elegant"],
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2"},
        {
-          id: "f3",
-          title: "Home Extensions",
-          tags: [
-            "Spacious",
-            "Seamless",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=3",
-        },
+          id: "f3",          title: "Home Extensions",          tags: [
+            "Spacious",            "Seamless"],
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=3"},
        {
-          id: "f4",
-          title: "Flooring & Tiling",
-          tags: [
-            "Durable",
-            "Classic",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=4",
-        },
+          id: "f4",          title: "Flooring & Tiling",          tags: [
+            "Durable",            "Classic"],
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=4"},
        {
-          id: "f5",
-          title: "Exterior Renovations",
-          tags: [
-            "Curb Appeal",
-            "Stone",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=5",
-        },
+          id: "f5",          title: "Exterior Renovations",          tags: [
+            "Curb Appeal",            "Stone"],
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=5"},
        {
-          id: "f6",
-          title: "Custom Carpentry",
-          tags: [
-            "Bespoke",
-            "Detailed",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=6",
-        },
+          id: "f6",          title: "Custom Carpentry",          tags: [
+            "Bespoke",            "Detailed"],
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=6"},
      ]}
      title="Our Expertise"
      description="Comprehensive renovation solutions designed to enhance the value and beauty of your home."
@@ -191,86 +108,63 @@ export default function LandingPage() {
      description="The dedicated team behind every exquisite detail of your renovation journey."
      team={[
        {
-          id: "t1",
-          name: "Elena Gonzalez",
-          role: "Principal Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=1",
-        },
+          id: "t1",          name: "Elena Gonzalez",          role: "Principal Architect",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=1"},
        {
-          id: "t2",
-          name: "Marcus Thorne",
-          role: "Lead Contractor",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=2",
-        },
+          id: "t2",          name: "Marcus Thorne",          role: "Lead Contractor",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=2"},
        {
-          id: "t3",
-          name: "Sarah Jenkins",
-          role: "Interior Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=3",
-        },
+          id: "t3",          name: "Sarah Jenkins",          role: "Interior Designer",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=3"},
        {
-          id: "t4",
-          name: "David Wu",
-          role: "Project Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=4",
-        },
+          id: "t4",          name: "David Wu",          role: "Project Manager",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=4"},
        {
-          id: "t5",
-          name: "Sofia Rossi",
-          role: "Carpenter",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=5",
-        },
+          id: "t5",          name: "Sofia Rossi",          role: "Carpenter",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg?_wi=5"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
-      useInvertedBackground={false}
+      useInvertedBackground={true}
      title="Built on Results"
      metricsAnimation="slide-up"
      metrics={[
        {
          icon: Home,
-          label: "Homes Renovated",
-          value: "450+",
-        },
+          label: "Homes Renovated",          value: "670+"},
        {
          icon: Clock,
-          label: "Years Experience",
-          value: "20+",
-        },
+          label: "Years Experience",          value: "14+"},
        {
          icon: Smile,
-          label: "Happy Clients",
-          value: "99%",
-        },
+          label: "Happy Clients",          value: "99%"},
        {
          icon: Award,
-          label: "Awards Won",
-          value: "15",
-        },
+          label: "Awards Won",          value: "15"},
        {
          icon: MapPin,
-          label: "Cities Served",
-          value: "12",
-        },
+          label: "Cities Served",          value: "12"},
      ]}
    />
  </div>

+  <div id="estimate" data-section="estimate">
+      <ContactCenter
+        tag="Get Started"
+        title="Request An Estimate"
+        description="Provide your details below to begin your renovation journey with us. We serve all major areas in the greater Austin metro region."
+        background={{ variant: "gradient-bars" }}
+        useInvertedBackground={false}
+      />
+  </div>
+
  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      text="Ready to transform your home? Let's discuss your project."
      buttons={[
        {
-          text: "Contact Us",
-          href: "mailto:info@gonzalezrenovations.com",
-        },
+          text: "Contact Us",          href: "mailto:info@gonzalezrenovations.com"},
      ]}
    />
  </div>
@@ -281,51 +175,26 @@ export default function LandingPage() {
      logoText="Gonzalez Renovations"
      columns={[
        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
+          title: "Navigation",          items: [
+            { label: "Home", href: "#hero" },
+            { label: "About", href: "#about" },
          ],
        },
        {
-          title: "Services",
-          items: [
-            {
-              label: "Kitchens",
-              href: "#services",
-            },
-            {
-              label: "Baths",
-              href: "#services",
-            },
+          title: "Services",          items: [
+            { label: "Kitchens", href: "#services" },
+            { label: "Baths", href: "#services" },
          ],
        },
        {
-          title: "Company",
-          items: [
-            {
-              label: "Portfolio",
-              href: "#gallery",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Company",          items: [
+            { label: "Portfolio", href: "#gallery" },
+            { label: "Contact", href: "#contact" },
          ],
        },
        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
          ],
        },
      ]}
@@ -334,4 +203,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	f1ad020f79	Update src/app/page.tsx	2026-04-09 00:07:27 +00:00
bender	70b8ed2d5b	Merge version_5 into main Merge version_5 into main	2026-04-09 00:05:08 +00:00
bender	d72d5b7f97	Update src/app/page.tsx	2026-04-09 00:05:02 +00:00
bender	118364bfd1	Merge version_4 into main Merge version_4 into main	2026-04-08 23:52:41 +00:00
bender	a360666c7e	Update src/app/page.tsx	2026-04-08 23:52:35 +00:00
bender	d6a0409cda	Merge version_4 into main Merge version_4 into main	2026-04-08 23:52:06 +00:00
bender	35404a4415	Update src/app/page.tsx	2026-04-08 23:52:00 +00:00
bender	d8f6df9585	Switch to version 3: modified src/app/page.tsx	2026-04-08 23:12:57 +00:00
bender	a9a28beb4e	Switch to version 2: modified src/app/page.tsx	2026-04-08 23:12:52 +00:00
bender	da3edfb7dc	Merge version_3 into main Merge version_3 into main	2026-04-08 23:12:52 +00:00
bender	238376ebe1	Update src/app/page.tsx	2026-04-08 23:12:49 +00:00
bender	473b5e169b	Merge version_3 into main Merge version_3 into main	2026-04-08 23:11:11 +00:00
bender	23fbdf3ff0	Update src/app/page.tsx	2026-04-08 23:11:08 +00:00
bender	1c74845498	Merge version_2 into main Merge version_2 into main	2026-04-08 23:02:00 +00:00
bender	2d4e135d74	Update src/app/page.tsx	2026-04-08 23:01:54 +00:00
bender	29997e9e06	Merge version_1 into main Merge version_1 into main	2026-04-08 23:01:26 +00:00
bender	cd291c3de6	Merge version_1 into main Merge version_1 into main	2026-04-08 22:59:51 +00:00