Merge version_1 into main #1
308
src/app/page.tsx
308
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Plots",
|
||||
id: "plots",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Plots", id: "plots" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sarda Estates"
|
||||
/>
|
||||
@@ -54,105 +42,38 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Prime Residential Villa Plots in Ballari"
|
||||
description="Discover the perfect foundation for your dream home. Sarda Estates offers premium, well-connected residential plots designed for peace and growth."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-luxury-golf-resort-fairway-thailand_1308-189281.jpg",
|
||||
imageAlt: "Luxurious Villa Plot Landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-travel-destination-beautiful-attractive_53876-14264.jpg",
|
||||
imageAlt: "Sunrise over Development",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/river-passing-through-area-with-many-trees_23-2148293943.jpg",
|
||||
imageAlt: "River passing through an area with many trees",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-symbol-with-landscape-background_23-2149906280.jpg",
|
||||
imageAlt: "Location symbol with landscape background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-doing-yoga-together-outdoors_23-2148988349.jpg",
|
||||
imageAlt: "Man and woman doing yoga together outdoors",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-luxury-golf-resort-fairway-thailand_1308-189281.jpg", imageAlt: "Luxurious Villa Plot Landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-travel-destination-beautiful-attractive_53876-14264.jpg", imageAlt: "Sunrise over Development" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/river-passing-through-area-with-many-trees_23-2148293943.jpg", imageAlt: "River passing through an area with many trees" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/location-symbol-with-landscape-background_23-2149906280.jpg", imageAlt: "Location symbol with landscape background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-woman-doing-yoga-together-outdoors_23-2148988349.jpg", imageAlt: "Man and woman doing yoga together outdoors" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-church_1361-77.jpg",
|
||||
imageAlt: "Development View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/idyllic-house-green-field-cloudy-sky_23-2151974417.jpg",
|
||||
imageAlt: "Estate Overview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-coastal-golf-clubhouse-hotel-carnoustie-scotland_1308-189558.jpg",
|
||||
imageAlt: "Aerial View of Coastal Golf Clubhouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-mother-daughter-running-outdoors_23-2148224612.jpg",
|
||||
imageAlt: "Long shot mother and daughter running outdoors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-rising-mountainous-scenery-countryside_181624-16800.jpg",
|
||||
imageAlt: "Sun rising over a mountainous scenery",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Plots",
|
||||
href: "#plots",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-church_1361-77.jpg", imageAlt: "Development View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/idyllic-house-green-field-cloudy-sky_23-2151974417.jpg", imageAlt: "Estate Overview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-coastal-golf-clubhouse-hotel-carnoustie-scotland_1308-189558.jpg", imageAlt: "Aerial View of Coastal Golf Clubhouse" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-mother-daughter-running-outdoors_23-2148224612.jpg", imageAlt: "Long shot mother and daughter running outdoors" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sun-rising-mountainous-scenery-countryside_181624-16800.jpg", imageAlt: "Sun rising over a mountainous scenery" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Plots", href: "#plots" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-rainbow-nature_23-2151498228.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-small-village-country-roadside_1150-2363.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-doing-yoga-together-outdoors_23-2148988350.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-green-gold-field_23-2150978175.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picturesque-countryside-with-beautiful-houses-by-seashore-well-groomed-lawn-with-pathway_181624-48827.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-rainbow-nature_23-2151498228.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aerial-view-small-village-country-roadside_1150-2363.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-woman-doing-yoga-together-outdoors_23-2148988350.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-green-gold-field_23-2150978175.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/picturesque-countryside-with-beautiful-houses-by-seashore-well-groomed-lawn-with-pathway_181624-48827.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Clear Titles",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Living",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gated Security",
|
||||
},
|
||||
{ type: "text", text: "Clear Titles" },
|
||||
{ type: "text", text: "Prime Location" },
|
||||
{ type: "text", text: "Sustainable Living" },
|
||||
{ type: "text", text: "Modern Infrastructure" },
|
||||
{ type: "text", text: "Gated Security" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,19 +82,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Your Legacy in ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-senior-couple-having-picnic-outdoors_23-2149109374.jpg",
|
||||
alt: "Estate View",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Ballari.",
|
||||
},
|
||||
{ type: "text", content: "Crafting Your Legacy in " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/adorable-senior-couple-having-picnic-outdoors_23-2149109374.jpg", alt: "Estate View" },
|
||||
{ type: "text", content: " Ballari." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,27 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strategic Location",
|
||||
description: "Ideally situated for connectivity and growth.",
|
||||
tag: "Prime",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/landscaping-template-design_23-2151053431.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Gated Community",
|
||||
description: "Ensuring peace of mind for your family.",
|
||||
tag: "Safe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-traveller-with-beanie-enjoying-trip_23-2148588561.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Modern Amenities",
|
||||
description: "Designed for a contemporary, sustainable lifestyle.",
|
||||
tag: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-city-surrounded-by-hills-blue-sky_181624-19321.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Strategic Location", description: "Ideally situated for connectivity and growth.", tag: "Prime", imageSrc: "http://img.b2bpic.net/free-psd/landscaping-template-design_23-2151053431.jpg" },
|
||||
{ id: "f2", title: "Secure Gated Community", description: "Ensuring peace of mind for your family.", tag: "Safe", imageSrc: "http://img.b2bpic.net/free-photo/close-up-traveller-with-beanie-enjoying-trip_23-2148588561.jpg" },
|
||||
{ id: "f3", title: "Modern Amenities", description: "Designed for a contemporary, sustainable lifestyle.", tag: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-city-surrounded-by-hills-blue-sky_181624-19321.jpg" },
|
||||
]}
|
||||
title="Why Choose Sarda Estates"
|
||||
description="Features that make your investment secure and life comfortable."
|
||||
@@ -213,46 +106,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="plots" data-section="plots">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Lotus Avenue - Plot 101",
|
||||
price: "₹12 Lakhs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064748.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lotus Avenue - Plot 102",
|
||||
price: "₹13 Lakhs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-delimitation-concept_23-2149721831.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lotus Avenue - Plot 103",
|
||||
price: "₹11 Lakhs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-15.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lotus Avenue - Plot 104",
|
||||
price: "₹12.5 Lakhs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-small-village-country-roadside_1150-2366.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lotus Avenue - Plot 105",
|
||||
price: "₹14 Lakhs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/residential-houses-surrounded-by-greenery_1268-15594.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lotus Avenue - Plot 106",
|
||||
price: "₹12 Lakhs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-with-trees-around_1127-2249.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Lotus Avenue - Plot 101", price: "₹12 Lakhs", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064748.jpg" },
|
||||
{ id: "p2", name: "Lotus Avenue - Plot 102", price: "₹13 Lakhs", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-delimitation-concept_23-2149721831.jpg" },
|
||||
{ id: "p3", name: "Lotus Avenue - Plot 103", price: "₹11 Lakhs", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-15.jpg" },
|
||||
{ id: "p4", name: "Lotus Avenue - Plot 104", price: "₹12.5 Lakhs", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-small-village-country-roadside_1150-2366.jpg" },
|
||||
{ id: "p5", name: "Lotus Avenue - Plot 105", price: "₹14 Lakhs", imageSrc: "http://img.b2bpic.net/free-photo/residential-houses-surrounded-by-greenery_1268-15594.jpg" },
|
||||
{ id: "p6", name: "Lotus Avenue - Plot 106", price: "₹12 Lakhs", imageSrc: "http://img.b2bpic.net/free-photo/road-with-trees-around_1127-2249.jpg" },
|
||||
]}
|
||||
title="Available Plots"
|
||||
description="Choose from our carefully surveyed residential land parcels."
|
||||
@@ -265,33 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Families",
|
||||
items: [
|
||||
"Well settled",
|
||||
"Residential focus",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Projects Delivered",
|
||||
items: [
|
||||
"Completed",
|
||||
"Verified",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Clear Titles",
|
||||
items: [
|
||||
"Legal safety",
|
||||
"Documented",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Happy Families", items: ["Well settled", "Residential focus"] },
|
||||
{ id: "m2", value: "12", title: "Projects Delivered", items: ["Completed", "Verified"] },
|
||||
{ id: "m3", value: "100%", title: "Clear Titles", items: ["Legal safety", "Documented"] },
|
||||
]}
|
||||
title="Estate Development Milestones"
|
||||
description="Quantifiable growth in every project."
|
||||
@@ -304,41 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Kumar",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Excellent plots in a prime location. Truly peaceful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-waving-hello-computer-screen_74855-2860.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sita Devi",
|
||||
handle: "Investor",
|
||||
testimonial: "Trustworthy developers with clear property titles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vijay R.",
|
||||
handle: "Buyer",
|
||||
testimonial: "Value for money in Ballari region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-farm-with-tablet_23-2148579770.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anil S.",
|
||||
handle: "Investor",
|
||||
testimonial: "Fast growth potential. Happy with my purchase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kiran M.",
|
||||
handle: "Client",
|
||||
testimonial: "Transparent deal, very satisfied process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rajesh Kumar", handle: "Homeowner", testimonial: "Excellent plots in a prime location. Truly peaceful.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-waving-hello-computer-screen_74855-2860.jpg" },
|
||||
{ id: "2", name: "Sita Devi", handle: "Investor", testimonial: "Trustworthy developers with clear property titles.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
|
||||
{ id: "3", name: "Vijay R.", handle: "Buyer", testimonial: "Value for money in Ballari region.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-farm-with-tablet_23-2148579770.jpg" },
|
||||
{ id: "4", name: "Anil S.", handle: "Investor", testimonial: "Fast growth potential. Happy with my purchase.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg" },
|
||||
{ id: "5", name: "Kiran M.", handle: "Client", testimonial: "Transparent deal, very satisfied process.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg" },
|
||||
]}
|
||||
title="Voices of Trust"
|
||||
description="What our esteemed customers say about Sarda Estates."
|
||||
@@ -350,21 +160,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are the titles clear?",
|
||||
content: "Yes, all our plots have clear titles and legal approvals.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is bank loan available?",
|
||||
content: "Yes, we work with all major banks for project financing.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How to visit the site?",
|
||||
content: "Please contact us to schedule a site visit with our team.",
|
||||
},
|
||||
{ id: "q1", title: "Are the titles clear?", content: "Yes, all our plots have clear titles and legal approvals." },
|
||||
{ id: "q2", title: "Is bank loan available?", content: "Yes, we work with all major banks for project financing." },
|
||||
{ id: "q3", title: "How to visit the site?", content: "Please contact us to schedule a site visit with our team." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common queries about our estates."
|
||||
@@ -375,9 +173,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Enquire Now"
|
||||
title="Ready to own your plot?"
|
||||
description="Connect with us to receive current availability and pricing brochures."
|
||||
@@ -393,4 +189,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user