Merge version_1 into main #2
346
src/app/page.tsx
346
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ArrowRight } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -26,246 +27,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="KKR Green City"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="KKR Green City"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Live Peacefully in the Heart of Nature – KKR Green City"
|
||||
description="Premium residential plots and homes in Eluru. Surrounded by greenery, wide roads, and calm environments—perfect for your dream home."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Families Residing",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Safety & Security",
|
||||
},
|
||||
{
|
||||
value: "10 min",
|
||||
label: "To City Center",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{
|
||||
text: "Book Site Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grass-field-daytime_181624-1502.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Live Peacefully in the Heart of Nature – KKR Green City"
|
||||
description="Premium residential plots and homes in Eluru. Surrounded by greenery, wide roads, and calm environments—perfect for your dream home."
|
||||
kpis={[
|
||||
{ value: "100+", label: "Families Residing" },
|
||||
{ value: "24/7", label: "Safety & Security" },
|
||||
{ value: "10 min", label: "To City Center" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+910000000000" },
|
||||
{ text: "Book Site Visit", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grass-field-daytime_181624-1502.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eugene Boney",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-african-woman-sitting-outdoors-park_171337-13777.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Surya Teja Varma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ramakrishna Varanasi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-pretty-woman-with-dark-hair-happy-smile-wearing-white-t-shirt-drinking-morning-coffee-kitchen-good-sunny-day_291650-163.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anjali Reddy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-couple-having-good-time-nature_23-2148231870.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Suresh Kumar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-african-woman-sitting-outdoors-park_171337-13777.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Families Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Eugene Boney", imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-african-woman-sitting-outdoors-park_171337-13777.jpg" },
|
||||
{ id: "2", name: "Surya Teja Varma", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-young-man-sitting-chair_23-2147891186.jpg" },
|
||||
{ id: "3", name: "Ramakrishna Varanasi", imageSrc: "http://img.b2bpic.net/free-photo/lovely-pretty-woman-with-dark-hair-happy-smile-wearing-white-t-shirt-drinking-morning-coffee-kitchen-good-sunny-day_291650-163.jpg" },
|
||||
{ id: "4", name: "Anjali Reddy", imageSrc: "http://img.b2bpic.net/free-photo/old-couple-having-good-time-nature_23-2148231870.jpg" },
|
||||
{ id: "5", name: "Suresh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-african-woman-sitting-outdoors-park_171337-13777.jpg" },
|
||||
]}
|
||||
cardTitle="What Families Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wide Roads",
|
||||
description: "Spacious, well-maintained roads for comfortable movement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city-park_1127-3450.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Lush Green Parks",
|
||||
description: "Dedicated parks for morning walks and kids to play.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-meditating-park_23-2147791889.jpg?_wi=1",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Community Living",
|
||||
description: "A close-knit community with temple access and open spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-love-walking-garden_23-2147986405.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
]}
|
||||
title="Experience Serene Living"
|
||||
description="Discover why families prefer our community for its peaceful atmosphere and top-tier infrastructure."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Wide Roads", description: "Spacious, well-maintained roads for comfortable movement.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city-park_1127-3450.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Lush Green Parks", description: "Dedicated parks for morning walks and kids to play.", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-meditating-park_23-2147791889.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Community Living", description: "A close-knit community with temple access and open spaces.", imageSrc: "http://img.b2bpic.net/free-photo/couple-love-walking-garden_23-2147986405.jpg", buttonIcon: ArrowRight },
|
||||
]}
|
||||
title="Experience Serene Living"
|
||||
description="Discover why families prefer our community for its peaceful atmosphere and top-tier infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Near Bypass",
|
||||
title: "Travel Convenience",
|
||||
items: [
|
||||
"Easy bus stop access",
|
||||
"Connected to highway",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Growing Hub",
|
||||
title: "Area Growth",
|
||||
items: [
|
||||
"High ROI potential",
|
||||
"Near key offices",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Unmatched Connectivity"
|
||||
description="Strategically located to balance city accessibility with peaceful rural charm."
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "Near Bypass", title: "Travel Convenience", items: ["Easy bus stop access", "Connected to highway"] },
|
||||
{ id: "m2", value: "Growing Hub", title: "Area Growth", items: ["High ROI potential", "Near key offices"] },
|
||||
]}
|
||||
title="Unmatched Connectivity"
|
||||
description="Strategically located to balance city accessibility with peaceful rural charm."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the project approved?",
|
||||
content: "Yes, KKR Green City is fully approved with all necessary clearances.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are the plot sizes?",
|
||||
content: "We offer a variety of plot sizes to suit your budget and lifestyle requirements.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there loan facilities?",
|
||||
content: "We have tie-ups with all major banks for convenient home loan approvals.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your life at KKR Green City."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adult-woman-meditating-park_23-2147791889.jpg?_wi=2"
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is the project approved?", content: "Yes, KKR Green City is fully approved with all necessary clearances." },
|
||||
{ id: "f2", title: "What are the plot sizes?", content: "We offer a variety of plot sizes to suit your budget and lifestyle requirements." },
|
||||
{ id: "f3", title: "Are there loan facilities?", content: "We have tie-ups with all major banks for convenient home loan approvals." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your life at KKR Green City."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adult-woman-meditating-park_23-2147791889.jpg"
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Schedule Your Free Site Visit"
|
||||
description="Ready to see your dream home location in person? Leave your contact details below."
|
||||
buttonText="Schedule Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Visit Us"
|
||||
title="Schedule Your Free Site Visit"
|
||||
description="Ready to see your dream home location in person? Leave your contact details below."
|
||||
buttonText="Schedule Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151839255.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="KKR Green City"
|
||||
copyrightText="© 2025 KKR Green City. All Rights Reserved."
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151839255.jpg"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Reviews", href: "#testimonials" }] },
|
||||
{ title: "Info", items: [{ label: "Location", href: "#location" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="KKR Green City"
|
||||
copyrightText="© 2025 KKR Green City. All Rights Reserved."
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user