Merge version_5 into main #8
136
src/app/page.tsx
136
src/app/page.tsx
@@ -4,13 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
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, Smile } from "lucide-react";
|
||||
import { Award, Clock, Home, MapPin, ShieldCheck, Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,12 +29,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projects", id: "gallery" },
|
||||
{ name: "Estimate", id: "estimate" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects", id: "gallery"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName=""
|
||||
/>
|
||||
@@ -44,12 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Gonzalez Renovations"
|
||||
description="Expert home renovations tailored to your vision. Crafting legacy through precision and passion."
|
||||
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: "#estimate" },
|
||||
{ text: "Start Project", href: "#contact" },
|
||||
{ text: "Our Portfolio", href: "#gallery" }
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
background={{
|
||||
variant: "gradient-bars"
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg"
|
||||
frameStyle="card"
|
||||
/>
|
||||
@@ -61,9 +66,30 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive renovation solutions designed to enhance the value and beauty of your home."
|
||||
@@ -78,32 +104,41 @@ export default function LandingPage() {
|
||||
title="Meet Our Artisans"
|
||||
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: "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: "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: "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: "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="estimate" data-section="estimate">
|
||||
<ContactCenter
|
||||
tag="Request Quote"
|
||||
title="Get Your Project Estimate"
|
||||
description="Provide your details below, and we will get back to you with a personalized estimate for your home renovation project."
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttonText="Submit Request"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Built on Results"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ icon: Home, label: "Homes Renovated", value: "670+" },
|
||||
{ icon: Clock, label: "Years Experience", value: "14+" },
|
||||
{ icon: Smile, label: "Happy Clients", value: "99%" }
|
||||
{
|
||||
icon: Home,
|
||||
label: "Homes Renovated", value: "670+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Experience", value: "14+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Clients", value: "99%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Awards Won", value: "15"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Cities Served", value: "12"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,9 +146,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to transform your home? Let's discuss your project."
|
||||
buttons={[{ text: "Email Us", href: "mailto:info@gonzalezrenovations.com" }]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "mailto:info@gonzalezrenovations.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,9 +161,36 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=7"
|
||||
logoText="Gonzalez Renovations"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Services", items: [{ label: "Kitchens", href: "#services" }, { label: "Estimate", href: "#estimate" }] },
|
||||
{ title: "Company", items: [{ label: "Contact", href: "#contact" }] }
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Kitchens", href: "#services"},
|
||||
{
|
||||
label: "Baths", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Portfolio", href: "#gallery"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user