Merge version_1 into main #2
406
src/app/page.tsx
406
src/app/page.tsx
@@ -27,308 +27,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "listings",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SK Real Estate"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Listings", id: "listings" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SK Real Estate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Trusted Real Estate Consultant in Mayur Vihar"
|
||||
description="Helping you buy, sell, and rent property with confidence for 25+ years. Local expertise, verified listings, and transparent deals."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
role: "Home Buyer",
|
||||
testimonial: "Great client service and highly supportive team!",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
role: "Tenant",
|
||||
testimonial: "Variety of options and found my dream home fast.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Amit Gupta",
|
||||
role: "Investor",
|
||||
testimonial: "Best property deals in East Delhi. Highly recommend.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Sneha Reddy",
|
||||
role: "Home Buyer",
|
||||
testimonial: "Transparent process and very professional brokers.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Vikram Singh",
|
||||
role: "Home Owner",
|
||||
testimonial: "Sold my property within 30 days. Extremely efficient.",
|
||||
rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-businesspeople-with-gadgets-going-along-urban-glass-wall_74855-1225.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Trusted Real Estate Consultant in Mayur Vihar"
|
||||
description="Helping you buy, sell, and rent property with confidence for 25+ years. Local expertise, verified listings, and transparent deals."
|
||||
testimonials={[
|
||||
{ name: "Rahul Verma", handle: "Home Buyer", testimonial: "Great client service and highly supportive team!", rating: 5 },
|
||||
{ name: "Priya Sharma", handle: "Tenant", testimonial: "Variety of options and found my dream home fast.", rating: 5 },
|
||||
{ name: "Amit Gupta", handle: "Investor", testimonial: "Best property deals in East Delhi. Highly recommend.", rating: 5 },
|
||||
{ name: "Sneha Reddy", handle: "Home Buyer", testimonial: "Transparent process and very professional brokers.", rating: 5 },
|
||||
{ name: "Vikram Singh", handle: "Home Owner", testimonial: "Sold my property within 30 days. Extremely efficient.", rating: 5 }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919999999999" },
|
||||
{ text: "WhatsApp Now", href: "https://wa.me/919999999999" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-businesspeople-with-gadgets-going-along-urban-glass-wall_74855-1225.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Buy Property",
|
||||
description: "Find verified homes and investment opportunities.",
|
||||
icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-vizcaya-museum-garden-view_649448-4664.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-leather-couch_1203-532.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sell Property",
|
||||
description: "Get the best price with expert guidance.",
|
||||
icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469809.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-her-laptop_23-2147601397.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rent Property",
|
||||
description: "Fast rental solutions for tenants and owners.",
|
||||
icon: Key,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-leather-couch_1203-532.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-vizcaya-museum-garden-view_649448-4664.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Commercial Property",
|
||||
description: "Shops, offices, and commercial spaces.",
|
||||
icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-her-laptop_23-2147601397.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469809.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Real Estate Services"
|
||||
description="Comprehensive property solutions tailored to your needs in Mayur Vihar."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Real Estate Services"
|
||||
description="Comprehensive property solutions tailored to your needs in Mayur Vihar."
|
||||
features={[
|
||||
{ title: "Buy Property", description: "Find verified homes and investment opportunities.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/miami-vizcaya-museum-garden-view_649448-4664.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-leather-couch_1203-532.jpg" }] },
|
||||
{ title: "Sell Property", description: "Get the best price with expert guidance.", icon: TrendingUp, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469809.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-her-laptop_23-2147601397.jpg" }] },
|
||||
{ title: "Rent Property", description: "Fast rental solutions for tenants and owners.", icon: Key, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-leather-couch_1203-532.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/miami-vizcaya-museum-garden-view_649448-4664.jpg" }] },
|
||||
{ title: "Commercial Property", description: "Shops, offices, and commercial spaces.", icon: Briefcase, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-her-laptop_23-2147601397.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469809.jpg" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Mayur Vihar",
|
||||
name: "3 Bedroom house in gated society",
|
||||
price: "₹1.85 Cr",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-vizcaya-museum-garden-view_649448-4664.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Mayur Vihar Ph1",
|
||||
name: "2BHK for rent",
|
||||
price: "₹24,000",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-leather-couch_1203-532.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Mayur Vihar Ph1",
|
||||
name: "2BHK for rent",
|
||||
price: "₹23,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469809.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "East Delhi",
|
||||
name: "2BHK rent Mayur Vihar",
|
||||
price: "₹28,000",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-her-laptop_23-2147601397.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Featured Property Listings"
|
||||
description="Explore our curated list of available properties in the area."
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Property Listings"
|
||||
description="Explore our curated list of available properties in the area."
|
||||
products={[
|
||||
{ id: "p1", brand: "Mayur Vihar", name: "3 Bedroom house in gated society", price: "₹1.85 Cr", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/miami-vizcaya-museum-garden-view_649448-4664.jpg" },
|
||||
{ id: "p2", brand: "Mayur Vihar Ph1", name: "2BHK for rent", price: "₹24,000", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/lit-lamp-beside-leather-couch_1203-532.jpg" },
|
||||
{ id: "p3", brand: "Mayur Vihar Ph1", name: "2BHK for rent", price: "₹23,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/american-colors-household-decorations-independence-day-celebration_23-2151469809.jpg" },
|
||||
{ id: "p4", brand: "East Delhi", name: "2BHK rent Mayur Vihar", price: "₹28,000", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-her-laptop_23-2147601397.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose SK Real Estate?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Average Rating",
|
||||
value: "4.7",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Successful Deals",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Families",
|
||||
value: "1000+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose SK Real Estate?"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "25+" },
|
||||
{ icon: Star, label: "Average Rating", value: "4.7" },
|
||||
{ icon: CheckCircle, label: "Successful Deals", value: "500+" },
|
||||
{ icon: Users, label: "Happy Families", value: "1000+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "LocalBiz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Designer",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketer",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-suit-standing-escalator-walking-city-using-mobile-phone-corporate_1258-118610.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-woman-thumbs-up-give-approval-drink-coffee_176420-16240.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anita Desai",
|
||||
role: "Founder",
|
||||
company: "DesignTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read what our community has to say about our services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Clients Say"
|
||||
description="Read what our community has to say about our services."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "LocalBiz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "Designer", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Marketer", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-suit-standing-escalator-walking-city-using-mobile-phone-corporate_1258-118610.jpg" },
|
||||
{ id: "t4", name: "David Kim", role: "Manager", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-woman-thumbs-up-give-approval-drink-coffee_176420-16240.jpg" },
|
||||
{ id: "t5", name: "Anita Desai", role: "Founder", company: "DesignTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Property Search Today"
|
||||
description="Looking to buy, sell, or rent? Our experts in Mayur Vihar are ready to assist you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-business-colleagues-partners-starting-meeting-conference-room-standing-table-using-laptop-together-wide-shot-business-communication-concept_74855-11645.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Property Search Today"
|
||||
description="Looking to buy, sell, or rent? Our experts in Mayur Vihar are ready to assist you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-business-colleagues-partners-starting-meeting-conference-room-standing-table-using-laptop-together-wide-shot-business-communication-concept_74855-11645.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SK Real Estate"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SK Real Estate"
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user