bender/6344e158-8fca-438a-8658-ab2cb98e3bed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 18:38:36 +00:00
parent 918836a630
commit 718708496b
1 changed files with 60 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

349
src/app/page.tsx
View File

@@ -20,27 +20,22 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Ghazi Real Estate"
/>
@@ -48,56 +43,24 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
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."
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"
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/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",
},
{ 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/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={[
{
type: "text",
text: "Premium Roofing",
},
{
type: "text",
text: "Estate Management",
},
{
type: "text",
text: "San Diego Trusted",
},
{
type: "text",
text: "Expert Consultation",
},
{
type: "text",
text: "Luxury Care",
},
{ type: "text", text: "Premium Roofing" },
{ type: "text", text: "Estate Management" },
{ type: "text", text: "San Diego Trusted" },
{ type: "text", text: "Expert Consultation" },
{ type: "text", text: "Luxury Care" }
]}
/>
</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."
subdescription="Whether it's roof repairs or garden care, we treat every property as if it were our own."
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"
/>
</div>
@@ -122,50 +85,26 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Roofing Services",
description: "Professional replacement and repair of roofs using top-tier materials.",
icon: Wrench,
title: "Roofing Services", description: "Professional replacement and repair of roofs using top-tier materials.", icon: Wrench,
mediaItems: [
{
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/closeup-shot-textured-facade-modern-building_181624-16993.jpg?_wi=2",
imageAlt: "roofing repair detail construction",
{ 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" }
]
},
{
title: "Estate Maintenance",
description: "Specialized zookeeper-style garden and grounds care.",
icon: Leaf,
title: "Estate Maintenance", description: "Specialized zookeeper-style garden and grounds care.", icon: Leaf,
mediaItems: [
{
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/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg?_wi=2",
imageAlt: "roofing repair detail construction",
{ 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" }
]
},
{
title: "Real Estate Listing",
description: "Premium appraisal and management for high-value properties.",
icon: Home,
title: "Real Estate Listing", description: "Premium appraisal and management for high-value properties.", icon: Home,
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/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",
},
{ 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" }
]
}
]}
title="Our Specialized Services"
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"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Care",
name: "Estate Basic Plan",
price: "$99/mo",
rating: 5,
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",
},
{ 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: "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" },
{ 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" },
{ 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" },
{ 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" },
{ 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" }
]}
title="Service Packages"
description="Choose from our curated service tiers for comprehensive property care."
@@ -245,38 +136,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "s1",
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",
],
},
{ id: "s1", 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"
description="Transparent pricing for every property need."
@@ -289,21 +150,9 @@ export default function LandingPage() {
title="Why Choose Us?"
tag="Our Impact"
metrics={[
{
id: "m1",
value: "15+",
description: "Years of Experience",
},
{
id: "m2",
value: "500+",
description: "Properties Maintained",
},
{
id: "m3",
value: "99%",
description: "Customer Satisfaction",
},
{ id: "m1", value: "15+", description: "Years of Experience" },
{ id: "m2", value: "500+", description: "Properties Maintained" },
{ id: "m3", value: "99%", description: "Customer Satisfaction" }
]}
metricsAnimation="slide-up"
/>
@@ -315,60 +164,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
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: "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",
},
{ 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: "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={[
{
value: "4.9/5",
label: "Avg Rating",
},
{
value: "200+",
label: "Verified Reviews",
},
{
value: "10 Years",
label: "Retention",
},
{ value: "4.9/5", label: "Avg Rating" },
{ value: "200+", label: "Verified Reviews" },
{ value: "10 Years", label: "Retention" }
]}
title="What Clients Say"
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"
description="Ready to discuss your next project? We're available for consultations."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{ name: "name", 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"
/>
@@ -402,32 +197,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Ghazi Real Estate"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Services",
items: [
{
label: "Roofing",
href: "#features",
},
{
label: "Estate Care",
href: "#features",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Services", items: [{ label: "Roofing", href: "#features" }, { label: "Estate Care", href: "#features" }] }
]}
/>
</div>