Merge version_8 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -31,30 +31,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
name: "Properties", id: "properties"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
brandName="Suleiman Building"
|
||||
/>
|
||||
</div>
|
||||
@@ -62,42 +50,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Find Your Dream Home with Suleiman Building"
|
||||
description="Discover a curated selection of properties tailored to your lifestyle. Your journey to a perfect home starts here with unmatched expertise and dedicated service."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/silhouettes-different-people_1048-3324.jpg",
|
||||
alt: "Happy Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/silhouettes-different-people_1048-3324.jpg", alt: "Happy Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/co-workers-smiling-after-hard-workday_1098-517.jpg",
|
||||
alt: "Happy Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/co-workers-smiling-after-hard-workday_1098-517.jpg", alt: "Happy Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg",
|
||||
alt: "Happy Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg", alt: "Happy Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-happy-loving-interracial-couple-posing-attractive-young-caucasian-woman-cheerful-african-guy-neat-clothes-smiling-broadly-expressing-joy-receiving-good-positive-news_343059-1520.jpg",
|
||||
alt: "Happy Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/picture-happy-loving-interracial-couple-posing-attractive-young-caucasian-woman-cheerful-african-guy-neat-clothes-smiling-broadly-expressing-joy-receiving-good-positive-news_343059-1520.jpg", alt: "Happy Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/email-signature-collection-flat-style_23-2147823197.jpg",
|
||||
alt: "Happy Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/email-signature-collection-flat-style_23-2147823197.jpg", alt: "Happy Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by thousands of happy homeowners"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
text: "View Properties", href: "#properties"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -121,71 +94,43 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Our experienced agents guide you through every step of the buying process, offering personalized support.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Expert Guidance", description: "Our experienced agents guide you through every step of the buying process, offering personalized support.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Clients", value: "1000+"},
|
||||
{
|
||||
icon: Home,
|
||||
label: "Properties",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Properties", value: "500+"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Diverse Portfolio",
|
||||
description: "Explore a wide range of properties from cozy apartments to spacious family homes, matching every budget and style.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Diverse Portfolio", description: "Explore a wide range of properties from cozy apartments to spacious family homes, matching every budget and style.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Building,
|
||||
label: "Apartments",
|
||||
value: "200+",
|
||||
},
|
||||
label: "Apartments", value: "200+"},
|
||||
{
|
||||
icon: House,
|
||||
label: "Houses",
|
||||
value: "300+",
|
||||
},
|
||||
label: "Houses", value: "300+"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hassle-Free Process",
|
||||
description: "We simplify paperwork and negotiations, ensuring a smooth and stress-free transaction from start to finish.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Hassle-Free Process", description: "We simplify paperwork and negotiations, ensuring a smooth and stress-free transaction from start to finish.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Handshake,
|
||||
label: "Closed Deals",
|
||||
value: "750+",
|
||||
},
|
||||
label: "Closed Deals", value: "750+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Avg Time",
|
||||
value: "30 Days",
|
||||
},
|
||||
label: "Avg Time", value: "30 Days"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Customer Satisfaction",
|
||||
description: "Your happiness is our priority, ensuring a truly satisfying experience with exceptional post-purchase support.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Customer Satisfaction", description: "Your happiness is our priority, ensuring a truly satisfying experience with exceptional post-purchase support.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "5/5",
|
||||
},
|
||||
label: "Rating", value: "5/5"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happiness",
|
||||
value: "99%",
|
||||
},
|
||||
label: "Happiness", value: "99%"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -202,37 +147,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Spacious Suburban Villa",
|
||||
price: "$750,000",
|
||||
variant: "4 Bed, 3 Bath, 2 Car Garage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-grass-by-building_1303-11916.jpg",
|
||||
imageAlt: "Spacious suburban villa",
|
||||
},
|
||||
id: "1", name: "Spacious Suburban Villa", price: "$750,000", variant: "4 Bed, 3 Bath, 2 Car Garage", imageSrc: "https://images.unsplash.com/photo-1580587771525-78b9dba38b9a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQwNDl8MHwxfHNlYXJjaHwxfHxob21lJTIwZXh0ZXJpb3J8ZW58MHx8fHwxNzA4MTQ0NjY2fDA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Spacious suburban villa"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Charming Downtown Apartment",
|
||||
price: "$320,000",
|
||||
variant: "2 Bed, 2 Bath, City View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gray-wooden-fences-grass-field-daytime_181624-4388.jpg",
|
||||
imageAlt: "Charming downtown apartment",
|
||||
},
|
||||
id: "2", name: "Charming Downtown Apartment", price: "$320,000", variant: "2 Bed, 2 Bath, City View", imageSrc: "https://images.unsplash.com/photo-1556912170-466540b61c92?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQwNDl8MHwxfHNlYXJjaHwyfHxjb3p5JTIwbGl2aW5nJTIwcm9vbXxlbnwwfHx8fDE3MDgxNDQ2Njl8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Charming downtown apartment"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Modern Family Home",
|
||||
price: "$580,000",
|
||||
variant: "3 Bed, 2.5 Bath, Large Garden",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-window-building-pattern_1203-2676.jpg",
|
||||
imageAlt: "Modern family home",
|
||||
},
|
||||
id: "3", name: "Modern Family Home", price: "$580,000", variant: "3 Bed, 2.5 Bath, Large Garden", imageSrc: "https://images.unsplash.com/photo-1551820546-f94572225a07?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQwNDl8MHwxfHNlYXJjaHwyfHxraXRjaGVufGVufDB8fHx8MTcwODE0NDcwN3ww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Modern family home"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cozy Lakeside Retreat",
|
||||
price: "$410,000",
|
||||
variant: "2 Bed, 1 Bath, Scenic Views",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-smart-trendy-wear-is-sitting-armchair-with-cup-tea_158595-7468.jpg",
|
||||
imageAlt: "Cozy lakeside retreat",
|
||||
},
|
||||
id: "4", name: "Cozy Lakeside Retreat", price: "$410,000", variant: "2 Bed, 1 Bath, Scenic Views", imageSrc: "https://images.unsplash.com/photo-1595554316688-66174a72d733?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQwNDl8MHwxfHNlYXJjaHwzfHxicmlnaHQlMjBiZWRyb29tfGVufDB8fHx8MTcwODE0NDcxMXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Cozy lakeside retreat"},
|
||||
]}
|
||||
title="Our Featured Properties"
|
||||
description="Explore our latest listings, each selected for its quality, prime location, and exceptional value."
|
||||
@@ -247,21 +168,13 @@ export default function LandingPage() {
|
||||
author="Aisha Rahman, Happy Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-148919.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-148919.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-rejoicing-pink_179666-2156.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-rejoicing-pink_179666-2156.jpg", alt: "Customer 4"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -275,28 +188,17 @@ export default function LandingPage() {
|
||||
description="Get in touch with our expert team to discuss your property needs, schedule a viewing, or learn more about our services."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone (Optional)",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone (Optional)", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your dream home...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your dream home...", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139114.jpg"
|
||||
@@ -311,62 +213,37 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Properties",
|
||||
href: "#properties",
|
||||
},
|
||||
label: "Properties", href: "#properties"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Buy a Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Buy a Home", href: "#"},
|
||||
{
|
||||
label: "Sell Your Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sell Your Home", href: "#"},
|
||||
{
|
||||
label: "Property Valuation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Property Valuation", href: "#"},
|
||||
{
|
||||
label: "Mortgage Assistance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mortgage Assistance", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "info@suleimanbuilding.com",
|
||||
href: "mailto:info@suleimanbuilding.com",
|
||||
},
|
||||
label: "info@suleimanbuilding.com", href: "mailto:info@suleimanbuilding.com"},
|
||||
{
|
||||
label: "+1 (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
label: "+1 (555) 123-4567", href: "tel:+15551234567"},
|
||||
{
|
||||
label: "123 Realty Lane, Cityville",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Realty Lane, Cityville", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -377,4 +254,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user