Update src/app/page.tsx
This commit is contained in:
463
src/app/page.tsx
463
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Building2, Users } from "lucide-react";
|
||||
import { Award, Building2, Users, Zap, Palette, MapPin, LayoutGrid } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,353 +29,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chalidana Group"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chalidana Group"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Shaping the Future of Urban Living"
|
||||
description="Chalidana Group is a premier developer committed to creating sustainable, high-value architectural landmarks that define the skyline."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Andi Pratama",
|
||||
handle: "@andi_prop",
|
||||
testimonial: "Exceptional quality and professional management in every development.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322089.jpg",
|
||||
},
|
||||
{
|
||||
name: "Budi Santoso",
|
||||
handle: "@budi_inv",
|
||||
testimonial: "Best property investment opportunity I've encountered in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-jolly-business-colleagues-working-report-discussing-data-city-cafe_1262-12419.jpg",
|
||||
},
|
||||
{
|
||||
name: "Citra Dewi",
|
||||
handle: "@citra_living",
|
||||
testimonial: "Beautiful design, great community, and seamless handover experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-real-estate-agent-standing-house-entrance-smiling-woman-with-short-graying-hair-pink-suit-getting-ready-meet-customers-real-estate-business-work-concept_74855-22183.jpg",
|
||||
},
|
||||
{
|
||||
name: "Deni Kurniawan",
|
||||
handle: "@deni_arch",
|
||||
testimonial: "A reliable partner for innovative urban architecture.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-some-important-documents_329181-16072.jpg",
|
||||
},
|
||||
{
|
||||
name: "Eka Saputra",
|
||||
handle: "@eka_home",
|
||||
testimonial: "Luxury living that truly balances style and sustainability.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-front-building-holding-mobile-phone-hand-talking-loudspeaker_23-2147972812.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Projects",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-view-modern-white-building-with-columns-engravings-them-with-windows-lights_181624-8096.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-thinking-while-text-messaging-mobile-phone-city_637285-3397.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-talking-phone-holding-laptop_23-2148308604.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-sitting-staircase-making-hand-gesture_23-2147955296.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-successful-business-team-working-report-looking-camera_1262-12268.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Shaping the Future of Urban Living"
|
||||
description="Chalidana Group is a premier developer committed to creating sustainable, high-value architectural landmarks that define the skyline."
|
||||
testimonials={[
|
||||
{ name: "Andi Pratama", handle: "@andi_prop", testimonial: "Exceptional quality and professional management in every development.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322089.jpg" },
|
||||
{ name: "Budi Santoso", handle: "@budi_inv", testimonial: "Best property investment opportunity I've encountered in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-jolly-business-colleagues-working-report-discussing-data-city-cafe_1262-12419.jpg" },
|
||||
{ name: "Citra Dewi", handle: "@citra_living", testimonial: "Beautiful design, great community, and seamless handover experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-real-estate-agent-standing-house-entrance-smiling-woman-with-short-graying-hair-pink-suit-getting-ready-meet-customers-real-estate-business-work-concept_74855-22183.jpg" },
|
||||
{ name: "Deni Kurniawan", handle: "@deni_arch", testimonial: "A reliable partner for innovative urban architecture.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-checking-some-important-documents_329181-16072.jpg" },
|
||||
{ name: "Eka Saputra", handle: "@eka_home", testimonial: "Luxury living that truly balances style and sustainability.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-standing-front-building-holding-mobile-phone-hand-talking-loudspeaker_23-2147972812.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Projects", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-view-modern-white-building-with-columns-engravings-them-with-windows-lights_181624-8096.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Every Pillar"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Projects Completed",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "10,000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "25+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Every Pillar"
|
||||
metrics={[
|
||||
{ icon: Building2, label: "Projects Completed", value: "50+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "10,000+" },
|
||||
{ icon: Award, label: "Industry Awards", value: "25+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Design",
|
||||
description: "Eco-friendly infrastructure for modern living.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-living-city-lifestyle-society-graphic_53876-121023.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Luxury Interiors",
|
||||
description: "Curated spaces that prioritize comfort and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg",
|
||||
buttonIcon: "Palette",
|
||||
},
|
||||
{
|
||||
title: "Strategic Locations",
|
||||
description: "Premier sites with maximum growth potential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg",
|
||||
buttonIcon: "MapPin",
|
||||
},
|
||||
{
|
||||
title: "Urban Integration",
|
||||
description: "Seamlessly connecting homes to business hubs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg",
|
||||
buttonIcon: "LayoutGrid",
|
||||
},
|
||||
]}
|
||||
title="Our Developmental Philosophy"
|
||||
description="We blend innovative engineering with community-centric design."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Sustainable Design", description: "Eco-friendly infrastructure for modern living.", imageSrc: "http://img.b2bpic.net/free-photo/urban-living-city-lifestyle-society-graphic_53876-121023.jpg", buttonIcon: Zap },
|
||||
{ title: "Luxury Interiors", description: "Curated spaces that prioritize comfort and style.", imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg", buttonIcon: Palette },
|
||||
{ title: "Strategic Locations", description: "Premier sites with maximum growth potential.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg", buttonIcon: MapPin },
|
||||
{ title: "Urban Integration", description: "Seamlessly connecting homes to business hubs.", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg", buttonIcon: LayoutGrid },
|
||||
]}
|
||||
title="Our Developmental Philosophy"
|
||||
description="We blend innovative engineering with community-centric design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Chalidana Heights",
|
||||
price: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-design_1388-230.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Business Plaza Core",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-protective-masks-with-purchases_1157-34183.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Urban Village Oasis",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emerald Villa Estate",
|
||||
price: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_74190-7300.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "City View Terraces",
|
||||
price: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apartment-building-with-balconies_250224-87.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Logistics Park Centre",
|
||||
price: "Industrial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1942.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Developments"
|
||||
description="Discover our collection of premium residential and commercial properties."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "The Chalidana Heights", price: "High-End", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-design_1388-230.jpg" },
|
||||
{ id: "2", name: "Business Plaza Core", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/family-protective-masks-with-purchases_1157-34183.jpg" },
|
||||
{ id: "3", name: "Urban Village Oasis", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg" },
|
||||
]}
|
||||
title="Signature Developments"
|
||||
description="Discover our collection of premium residential and commercial properties."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Andi P.",
|
||||
role: "Investor",
|
||||
testimonial: "Top-tier reliability and commitment to excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Budi S.",
|
||||
role: "CEO",
|
||||
testimonial: "Chalidana delivers projects that exceed market standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Citra D.",
|
||||
role: "Architect",
|
||||
testimonial: "Innovative designs that respect environmental constraints.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-going-through-housing-plans-while-moving-into-new-home_637285-12326.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Deni K.",
|
||||
role: "Partner",
|
||||
testimonial: "Transparent business model and exceptional property management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-portrait-photo-senior-businessman-spacious-room-with-plants-holding-reading-documents_146671-14551.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eka S.",
|
||||
role: "Resident",
|
||||
testimonial: "Great community living with professional maintenance support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064811.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="What our partners and residents are saying about our vision."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Andi P.", role: "Investor", testimonial: "Top-tier reliability and commitment to excellence.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "2", name: "Budi S.", role: "CEO", testimonial: "Chalidana delivers projects that exceed market standards.", imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg" },
|
||||
{ id: "3", name: "Citra D.", role: "Architect", testimonial: "Innovative designs that respect environmental constraints.", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-going-through-housing-plans-while-moving-into-new-home_637285-12326.jpg" },
|
||||
{ id: "4", name: "Deni K.", role: "Partner", testimonial: "Transparent business model and exceptional property management.", imageSrc: "http://img.b2bpic.net/free-photo/good-portrait-photo-senior-businessman-spacious-room-with-plants-holding-reading-documents_146671-14551.jpg" },
|
||||
{ id: "5", name: "Eka S.", role: "Resident", testimonial: "Great community living with professional maintenance support.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064811.jpg" },
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="What our partners and residents are saying about our vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Construx",
|
||||
"UrbanPlan",
|
||||
"ArchNexus",
|
||||
"GreenGroup",
|
||||
"BuildMore",
|
||||
"PropertyFlow",
|
||||
"CitySync",
|
||||
]}
|
||||
title="Industry Partners"
|
||||
description="Trusted by leaders across the development and construction sectors."
|
||||
/>
|
||||
</div>
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Construx", "UrbanPlan", "ArchNexus", "GreenGroup", "BuildMore"]}
|
||||
title="Industry Partners"
|
||||
description="Trusted by leaders across the development and construction sectors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book a unit?",
|
||||
content: "Reach out through our contact form and our dedicated team will handle your appointment.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is maintenance support available?",
|
||||
content: "Yes, we provide 24/7 facility management for all our residential properties.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there green initiatives?",
|
||||
content: "We incorporate sustainable architecture into every new development phase.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get quick answers to common questions about our developments and investment opportunities."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I book a unit?", content: "Reach out through our contact form and our dedicated team will handle your appointment." },
|
||||
{ id: "q2", title: "Is maintenance support available?", content: "Yes, we provide 24/7 facility management for all our residential properties." },
|
||||
{ id: "q3", title: "Are there green initiatives?", content: "We incorporate sustainable architecture into every new development phase." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Invest or Live with Us?"
|
||||
description="Leave your email to get personalized updates on our latest real estate projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Invest or Live with Us?"
|
||||
description="Leave your email to get personalized updates on our latest real estate projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Investor Relations",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Chalidana Group"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Projects", href: "#products" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Investor Relations", href: "#" }] },
|
||||
]}
|
||||
logoText="Chalidana Group"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user