Update src/app/page.tsx

This commit is contained in:
2026-05-11 18:38:36 +00:00
parent 918836a630
commit 718708496b

View File

@@ -20,27 +20,22 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "home" },
name: "Home", { name: "About", id: "about" },
id: "home", { name: "Features", id: "features" },
}, { name: "Contact", id: "contact" },
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Ghazi Real Estate" brandName="Ghazi Real Estate"
/> />
@@ -48,56 +43,24 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplit <HeroSplit
background={{ background={{ variant: "plain" }}
variant: "plain",
}}
title="Excellence in Real Estate & Estate Care" title="Excellence in Real Estate & Estate Care"
description="Professional roofing, estate maintenance, and real estate services in San Diego. We combine quality with luxury management." description="Professional roofing, estate maintenance, and real estate services in San Diego. We combine quality with luxury management."
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/grayscale-shot-lake-middle-city-buildings-cloudy-sky_181624-17493.jpg", alt: "Client profile 1" },
src: "http://img.b2bpic.net/free-photo/grayscale-shot-lake-middle-city-buildings-cloudy-sky_181624-17493.jpg", { src: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283250.jpg", alt: "Client profile 2" },
alt: "Client profile 1", { src: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162826.jpg", alt: "Client profile 3" },
}, { src: "http://img.b2bpic.net/free-photo/low-angle-shot-high-rise-building-clear-blue-sky-with-white-clouds_181624-2242.jpg", alt: "Client profile 4" },
{ { src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", alt: "Client profile 5" }
src: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283250.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162826.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-shot-high-rise-building-clear-blue-sky-with-white-clouds_181624-2242.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
alt: "Client profile 5",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Premium Roofing" },
type: "text", { type: "text", text: "Estate Management" },
text: "Premium Roofing", { type: "text", text: "San Diego Trusted" },
}, { type: "text", text: "Expert Consultation" },
{ { type: "text", text: "Luxury Care" }
type: "text",
text: "Estate Management",
},
{
type: "text",
text: "San Diego Trusted",
},
{
type: "text",
text: "Expert Consultation",
},
{
type: "text",
text: "Luxury Care",
},
]} ]}
/> />
</div> </div>
@@ -110,7 +73,7 @@ export default function LandingPage() {
description="With years of experience in San Diego, Ghazi Abu Haidar bridges the gap between premium real estate management and specialized estate maintenance." description="With years of experience in San Diego, Ghazi Abu Haidar bridges the gap between premium real estate management and specialized estate maintenance."
subdescription="Whether it's roof repairs or garden care, we treat every property as if it were our own." subdescription="Whether it's roof repairs or garden care, we treat every property as if it were our own."
icon={Shield} icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
</div> </div>
@@ -122,50 +85,26 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Roofing Services", title: "Roofing Services", description: "Professional replacement and repair of roofs using top-tier materials.", icon: Wrench,
description: "Professional replacement and repair of roofs using top-tier materials.",
icon: Wrench,
mediaItems: [ mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg" }
}, ]
{
imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg?_wi=2",
imageAlt: "roofing repair detail construction",
}, },
{ {
title: "Estate Maintenance", title: "Estate Maintenance", description: "Specialized zookeeper-style garden and grounds care.", icon: Leaf,
description: "Specialized zookeeper-style garden and grounds care.",
icon: Leaf,
mediaItems: [ mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/male-scientist-carefully-studies-his-data_1153-5134.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/male-scientist-carefully-studies-his-data_1153-5134.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/young-man-stretching-out-dollar-bills-black-shirt_176474-20421.jpg" }
}, ]
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-stretching-out-dollar-bills-black-shirt_176474-20421.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg?_wi=2",
imageAlt: "roofing repair detail construction",
}, },
{ {
title: "Real Estate Listing", title: "Real Estate Listing", description: "Premium appraisal and management for high-value properties.", icon: Home,
description: "Premium appraisal and management for high-value properties.",
icon: Home,
mediaItems: [ mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-coffee-table-with-chandelier-it_123827-23875.jpg" }
}, ]
{ }
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-coffee-table-with-chandelier-it_123827-23875.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799765.jpg?_wi=1",
imageAlt: "roofing repair detail construction",
},
]} ]}
title="Our Specialized Services" title="Our Specialized Services"
description="We offer comprehensive solutions to keep your property in pristine condition." description="We offer comprehensive solutions to keep your property in pristine condition."
@@ -179,60 +118,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", brand: "Care", name: "Estate Basic Plan", price: "$99/mo", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799765.jpg" },
id: "1", { id: "2", brand: "Roofing", name: "Inspection Plus", price: "$250", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/circle-dirty-paint-brushes_23-2148662964.jpg" },
brand: "Care", { id: "3", brand: "Estate", name: "Gold Luxury Care", price: "$499/mo", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-607.jpg" },
name: "Estate Basic Plan", { id: "4", brand: "Zookeeper", name: "Garden Maintenance", price: "$150/mo", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/front-view-autumn-travel-arrangement_23-2148634159.jpg" },
price: "$99/mo", { id: "5", brand: "Real Estate", name: "Listing Consultation", price: "$300", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-divorce-forms-table_23-2148548595.jpg" },
rating: 5, { id: "6", brand: "Roofing", name: "Full Replacement", price: "Quote", rating: 5, reviewCount: "2", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-yellow-tool-factory_107420-96041.jpg" }
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799765.jpg?_wi=2",
reviewCount: "12",
},
{
id: "2",
brand: "Roofing",
name: "Inspection Plus",
price: "$250",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/circle-dirty-paint-brushes_23-2148662964.jpg",
reviewCount: "24",
},
{
id: "3",
brand: "Estate",
name: "Gold Luxury Care",
price: "$499/mo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-607.jpg",
reviewCount: "8",
},
{
id: "4",
brand: "Zookeeper",
name: "Garden Maintenance",
price: "$150/mo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-autumn-travel-arrangement_23-2148634159.jpg",
reviewCount: "15",
},
{
id: "5",
brand: "Real Estate",
name: "Listing Consultation",
price: "$300",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-divorce-forms-table_23-2148548595.jpg",
reviewCount: "5",
},
{
id: "6",
brand: "Roofing",
name: "Full Replacement",
price: "Quote",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-yellow-tool-factory_107420-96041.jpg",
reviewCount: "2",
},
]} ]}
title="Service Packages" title="Service Packages"
description="Choose from our curated service tiers for comprehensive property care." description="Choose from our curated service tiers for comprehensive property care."
@@ -245,38 +136,8 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ { id: "s1", badge: "Core", price: "$100", subtitle: "Basic maintenance", buttons: [{ text: "Get Started" }], features: ["Consultation", "Basic repair", "Grounds survey"] },
id: "s1", { id: "s2", badge: "Premium", price: "$500", subtitle: "Full property care", buttons: [{ text: "Choose Plan" }], features: ["24/7 Support", "Full Roofing", "Estate Zookeeping"] }
badge: "Core",
price: "$100",
subtitle: "Basic maintenance",
buttons: [
{
text: "Get Started",
},
],
features: [
"Consultation",
"Basic repair",
"Grounds survey",
],
},
{
id: "s2",
badge: "Premium",
price: "$500",
subtitle: "Full property care",
buttons: [
{
text: "Choose Plan",
},
],
features: [
"24/7 Support",
"Full Roofing",
"Estate Zookeeping",
],
},
]} ]}
title="Pricing Options" title="Pricing Options"
description="Transparent pricing for every property need." description="Transparent pricing for every property need."
@@ -289,21 +150,9 @@ export default function LandingPage() {
title="Why Choose Us?" title="Why Choose Us?"
tag="Our Impact" tag="Our Impact"
metrics={[ metrics={[
{ { id: "m1", value: "15+", description: "Years of Experience" },
id: "m1", { id: "m2", value: "500+", description: "Properties Maintained" },
value: "15+", { id: "m3", value: "99%", description: "Customer Satisfaction" }
description: "Years of Experience",
},
{
id: "m2",
value: "500+",
description: "Properties Maintained",
},
{
id: "m3",
value: "99%",
description: "Customer Satisfaction",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -315,60 +164,16 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "t1", name: "Sarah", role: "Homeowner", company: "Pacific Beach", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
id: "t1", { id: "t2", name: "Mike", role: "Property Manager", company: "Downtown", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg" },
name: "Sarah", { id: "t3", name: "Anna", role: "Resident", company: "La Jolla", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg" },
role: "Homeowner", { id: "t4", name: "John", role: "Homeowner", company: "Del Mar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-holding-house-model-looking-merry-front-view_176474-30838.jpg" },
company: "Pacific Beach", { id: "t5", name: "Robert", role: "Investor", company: "San Diego", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg" }
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
},
{
id: "t2",
name: "Mike",
role: "Property Manager",
company: "Downtown",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
},
{
id: "t3",
name: "Anna",
role: "Resident",
company: "La Jolla",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
},
{
id: "t4",
name: "John",
role: "Homeowner",
company: "Del Mar",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-holding-house-model-looking-merry-front-view_176474-30838.jpg",
},
{
id: "t5",
name: "Robert",
role: "Investor",
company: "San Diego",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg",
},
]} ]}
kpiItems={[ kpiItems={[
{ { value: "4.9/5", label: "Avg Rating" },
value: "4.9/5", { value: "200+", label: "Verified Reviews" },
label: "Avg Rating", { value: "10 Years", label: "Retention" }
},
{
value: "200+",
label: "Verified Reviews",
},
{
value: "10 Years",
label: "Retention",
},
]} ]}
title="What Clients Say" title="What Clients Say"
description="Don't take our word for it—listen to our happy San Diego homeowners." description="Don't take our word for it—listen to our happy San Diego homeowners."
@@ -381,18 +186,8 @@ export default function LandingPage() {
title="Get in Touch" title="Get in Touch"
description="Ready to discuss your next project? We're available for consultations." description="Ready to discuss your next project? We're available for consultations."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Email", required: true }
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg" imageSrc="http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg"
/> />
@@ -402,32 +197,8 @@ export default function LandingPage() {
<FooterBaseCard <FooterBaseCard
logoText="Ghazi Real Estate" logoText="Ghazi Real Estate"
columns={[ columns={[
{ { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
title: "Company", { title: "Services", items: [{ label: "Roofing", href: "#features" }, { label: "Estate Care", href: "#features" }] }
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Services",
items: [
{
label: "Roofing",
href: "#features",
},
{
label: "Estate Care",
href: "#features",
},
],
},
]} ]}
/> />
</div> </div>