Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -16,31 +16,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Happy Homes"
|
||||
/>
|
||||
@@ -48,102 +40,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Find Your Dream Home in Mumbai with Trusted Experts"
|
||||
description="Happy Homes provides expert property consulting in Vile Parle, Juhu, and beyond. With 158+ 5-star reviews, we ensure a seamless experience for buyers and investors."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Sharma",
|
||||
handle: "@rahul",
|
||||
testimonial: "Excellent service and deep local knowledge of Vile Parle. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Priya Mehta",
|
||||
handle: "@priya",
|
||||
testimonial: "Very transparent and professional dealing. Found my dream home easily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164717.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amit Shah",
|
||||
handle: "@amit",
|
||||
testimonial: "They made the entire buying process stress-free and smooth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-positive-guy-near-cheerful-attractive-lady-street-evening_23-2148012505.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sunita Rao",
|
||||
handle: "@sunita",
|
||||
testimonial: "Highly professional team with a great eye for quality properties.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vijay K.",
|
||||
handle: "@vijay",
|
||||
testimonial: "Best property consultants I've dealt with in Mumbai.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Properties",
|
||||
href: "/properties",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{ name: "Rahul Sharma", handle: "@rahul", testimonial: "Excellent service and deep local knowledge of Vile Parle. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg" },
|
||||
{ name: "Priya Mehta", handle: "@priya", testimonial: "Very transparent and professional dealing. Found my dream home easily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164717.jpg" },
|
||||
{ name: "Amit Shah", handle: "@amit", testimonial: "They made the entire buying process stress-free and smooth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-positive-guy-near-cheerful-attractive-lady-street-evening_23-2148012505.jpg" },
|
||||
{ name: "Sunita Rao", handle: "@sunita", testimonial: "Highly professional team with a great eye for quality properties.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg" },
|
||||
{ name: "Vijay K.", handle: "@vijay", testimonial: "Best property consultants I've dealt with in Mumbai.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "View Properties", href: "/properties" }, { text: "Contact Us", href: "/contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164717.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-positive-guy-near-cheerful-attractive-lady-street-evening_23-2148012505.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164717.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-positive-guy-near-cheerful-attractive-lady-street-evening_23-2148012505.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-business-partners-discussing-real-estate-investment_1262-17781.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Vile Parle",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Juhu",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Andheri West",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Santa Cruz",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bandra",
|
||||
},
|
||||
{ type: "text", text: "Vile Parle" },
|
||||
{ type: "text", text: "Juhu" },
|
||||
{ type: "text", text: "Andheri West" },
|
||||
{ type: "text", text: "Santa Cruz" },
|
||||
{ type: "text", text: "Bandra" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,47 +74,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Mr. D Mehta Property Consultants"
|
||||
description="With years of dedicated experience in Mumbai's competitive real estate landscape, we bring unmatched expertise and a commitment to transparency."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blond-business-woman-suit-with-tablet_23-2148095682.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blond-business-woman-suit-with-tablet_23-2148095682.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-props" data-section="featured-props">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Vile Parle West",
|
||||
name: "Luxury 3BHK Apartment",
|
||||
price: "₹4.5 Cr",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Juhu Tara Road",
|
||||
name: "Sea View 2BHK",
|
||||
price: "₹3.8 Cr",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fairytale-collection-houses_23-2147781002.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Vile Parle West",
|
||||
name: "Spacious Rental Flat",
|
||||
price: "₹1.5 L/mo",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-hotel_1150-10836.jpg?_wi=1",
|
||||
},
|
||||
{ id: "p1", brand: "Vile Parle West", name: "Luxury 3BHK Apartment", price: "₹4.5 Cr", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg" },
|
||||
{ id: "p2", brand: "Juhu Tara Road", name: "Sea View 2BHK", price: "₹3.8 Cr", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-vector/fairytale-collection-houses_23-2147781002.jpg" },
|
||||
{ id: "p3", brand: "Vile Parle West", name: "Spacious Rental Flat", price: "₹1.5 L/mo", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-hotel_1150-10836.jpg" }
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Explore our handpicked listings in Vile Parle and Juhu."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -206,40 +103,13 @@ export default function LandingPage() {
|
||||
description="Transparent pricing for our premium real estate services."
|
||||
plans={[
|
||||
{
|
||||
id: "std",
|
||||
badge: "Essential",
|
||||
price: "₹25,000",
|
||||
subtitle: "For basic property search",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Market analysis",
|
||||
"10 listings",
|
||||
"2 site visits",
|
||||
],
|
||||
id: "std", badge: "Essential", price: "₹25,000", subtitle: "For basic property search", buttons: [{ text: "Select", href: "#" }],
|
||||
features: ["Market analysis", "10 listings", "2 site visits"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "₹75,000",
|
||||
subtitle: "For end-to-end support",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full legal aid",
|
||||
"Unlimted listings",
|
||||
"Dedicated agent",
|
||||
"Negotiation support",
|
||||
],
|
||||
},
|
||||
id: "pro", badge: "Premium", price: "₹75,000", subtitle: "For end-to-end support", buttons: [{ text: "Select", href: "#" }],
|
||||
features: ["Full legal aid", "Unlimted listings", "Dedicated agent", "Negotiation support"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -253,25 +123,11 @@ export default function LandingPage() {
|
||||
description="Stay updated with the latest news in Mumbai real estate."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Market",
|
||||
title: "Why Vile Parle West is booming",
|
||||
excerpt: "Infrastructure developments in the western suburbs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg?_wi=2",
|
||||
authorName: "D Mehta",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/blond-business-woman-suit-with-tablet_23-2148095682.jpg",
|
||||
date: "Jan 2025",
|
||||
id: "b1", category: "Market", title: "Why Vile Parle West is booming", excerpt: "Infrastructure developments in the western suburbs.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg", authorName: "D Mehta", authorAvatar: "http://img.b2bpic.net/free-photo/blond-business-woman-suit-with-tablet_23-2148095682.jpg", date: "Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Buying",
|
||||
title: "Top tips for first-time buyers",
|
||||
excerpt: "How to secure the best mortgage rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fairytale-collection-houses_23-2147781002.jpg?_wi=2",
|
||||
authorName: "D Mehta",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/blond-business-woman-suit-with-tablet_23-2148095682.jpg",
|
||||
date: "Feb 2025",
|
||||
},
|
||||
id: "b2", category: "Buying", title: "Top tips for first-time buyers", excerpt: "How to secure the best mortgage rates.", imageSrc: "http://img.b2bpic.net/free-vector/fairytale-collection-houses_23-2147781002.jpg", authorName: "D Mehta", authorAvatar: "http://img.b2bpic.net/free-photo/blond-business-woman-suit-with-tablet_23-2148095682.jpg", date: "Feb 2025"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -279,45 +135,9 @@ export default function LandingPage() {
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Properties",
|
||||
items: [
|
||||
{
|
||||
label: "Buy",
|
||||
href: "/properties",
|
||||
},
|
||||
{
|
||||
label: "Rent",
|
||||
href: "/properties",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Properties", items: [{ label: "Buy", href: "/properties" }, { label: "Rent", href: "/properties" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Happy Homes"
|
||||
/>
|
||||
@@ -325,4 +145,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user