Merge version_1 into main #6
130
src/app/page.tsx
130
src/app/page.tsx
@@ -1,4 +1,4 @@
|
||||
'use client';
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
@@ -10,122 +10,94 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
import { Globe, Shield, Star, Zap } from 'lucide-react';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
<HeroSplitKpi
|
||||
title="Welcome to Our Project"
|
||||
description="We build amazing digital experiences."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Elevated Living"
|
||||
description="Enaki Resort Residence is a private sanctuary in Nairobi where architecture, wellness, and luxury converge."
|
||||
kpis={[{ value: "4.7", label: "Resident Rating" }, { value: "24/7", label: "Security Access" }, { value: "Luxury", label: "Wellness Living" }]}
|
||||
kpis={[{ value: "1M", label: "Users" }, { value: "500K", label: "Downloads" }, { value: "100K", label: "Reviews" }]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Book a Private Tour", href: "#contact" }, { text: "View Residences", href: "#amenities" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896794.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/building-night_1127-3365.jpg", alt: "Resident profile" }, { src: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg", alt: "Resident profile" }, { src: "http://img.b2bpic.net/free-photo/facade-modern-building-with-geometric-windows-curved-walls_181624-16998.jpg", alt: "Resident profile" }, { src: "http://img.b2bpic.net/free-photo/residential-district-night-valencia-spain_1398-2379.jpg", alt: "Resident profile" }, { src: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-5967.jpg", alt: "Resident profile" }]}
|
||||
avatarText="Join our community of satisfied residents"
|
||||
marqueeItems={[{ type: "text", text: "Luxury Architecture" }, { type: "text", text: "Nairobi Prime" }, { type: "text", text: "Wellness Focused" }, { type: "text", text: "Resort Living" }, { type: "text", text: "Secure Sanctuary" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Designed for the Way You Live Today"
|
||||
description="Enaki Resort Residence is more than a home—it's a lifestyle ecosystem. Designed in collaboration with world-class architects, every detail is curated to support modern living, balance, and quiet luxury. Set in a serene environment in Nairobi, Enaki blends privacy, accessibility, and elegance into one seamless experience."
|
||||
bulletPoints={[{ title: "Private Sanctuary", description: "Designed for seclusion and peace." }, { title: "World-Class Architecture", description: "Curated details for modern life." }, { title: "Wellness Centered", description: "Lifestyle ecosystem for balance." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="masterplan" data-section="masterplan">
|
||||
<FeatureCardEight
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About Us"
|
||||
description="Dedicated to excellence and innovation in everything we do."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[{ title: "Zone A", description: "6 exclusive residential blocks.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-dining-room-living-room-with-luxury-decor_105762-2251.jpg" }, { title: "Zone B", description: "9 premium residential blocks.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896794.jpg" }, { title: "Shared Amenities", description: "Connected access for all residents.", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg" }]}
|
||||
title="A Community Within a Community"
|
||||
description="Each zone is thoughtfully planned to offer privacy while maintaining access to shared luxury amenities."
|
||||
bulletPoints={[{ title: "Quality", description: "Top-tier standards", icon: Shield }, { title: "Innovation", description: "Cutting edge tech", icon: Zap }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="masterplan" data-section="masterplan">
|
||||
<FeatureCardEight
|
||||
title="Masterplan"
|
||||
description="Our comprehensive development strategy."
|
||||
textboxLayout="default"
|
||||
features={[{ title: "Strategy", description: "Long term planning", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeatureCardEight
|
||||
<FeatureCardEight
|
||||
title="Amenities"
|
||||
description="Everything you need for comfort."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[{ title: "Swimming Pool", description: "Relax, unwind, and recharge.", imageSrc: "http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg" }, { title: "Fitness Gym", description: "Modern fitness for your strength.", imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg" }, { title: "Spin Studio", description: "High-energy workout experiences.", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270219.jpg" }, { title: "Private Cinema", description: "Exclusive cinematic experiences.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg" }, { title: "Game Lounge", description: "Social, fun, and immersive.", imageSrc: "http://img.b2bpic.net/free-photo/people-playing-beer-pong-indoor-party_23-2149431314.jpg" }, { title: "Book Lounge", description: "Quiet sophistication for thinkers.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-from-home-interior-wooden-background_169016-3751.jpg" }]}
|
||||
title="Every Detail Designed for Living Well"
|
||||
description="Premium amenities designed for your wellness and social lifestyle."
|
||||
features={[{ title: "Pool", description: "Crystal clear water", imageSrc: "https://images.unsplash.com/photo-1576013551627-0cc20b96c2a7" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="lifestyle" data-section="lifestyle">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Where the Future Meets Comfort"
|
||||
tag="Resident Sentiment"
|
||||
metrics={[{ id: "m1", value: "100%", description: "Intentional Moments" }, { id: "m2", value: "Premium", description: "Exceptional Finishes" }, { id: "m3", value: "Serene", description: "Daily Surroundings" }]}
|
||||
metricsAnimation="slide-up"
|
||||
<MetricCardFourteen
|
||||
title="Lifestyle Metrics"
|
||||
tag="Quality"
|
||||
metrics={[{ id: "1", value: "98%", description: "Happy residents" }, { id: "2", value: "24/7", description: "Support available" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
<ProductCardFour
|
||||
title="Gallery"
|
||||
description="View our beautiful spaces."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[{ id: "g1", name: "Exterior Facade", price: "Architectural", variant: "View", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-vases-with-spring-flowers-living-room_169016-5983.jpg" }, { id: "g2", name: "Resort Pool", price: "Wellness", variant: "View", imageSrc: "http://img.b2bpic.net/free-photo/hotel-swimming-pool_1385-760.jpg" }, { id: "g3", name: "Interior Suites", price: "Luxury", variant: "View", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-sofa_74190-6516.jpg" }, { id: "g4", name: "Spin Studio", price: "Fitness", variant: "View", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164749.jpg" }, { id: "g5", name: "Cinema Room", price: "Social", variant: "View", imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199364.jpg" }, { id: "g6", name: "Game Lounge", price: "Recreation", variant: "View", imageSrc: "http://img.b2bpic.net/free-photo/people-library-reading-books_23-2150293539.jpg" }]}
|
||||
title="Visualizing Elegance"
|
||||
description="Explore the exquisite design and architecture."
|
||||
useInvertedBackground={false}
|
||||
products={[{ id: "1", name: "Room A", price: "$100", variant: "Standard", imageSrc: "https://images.unsplash.com/photo-1616486338812-3dadae4b4ace" }, { id: "2", name: "Room B", price: "$200", variant: "Premium", imageSrc: "https://images.unsplash.com/photo-1616486338812-3dadae4b4ace" }, { id: "3", name: "Room C", price: "$300", variant: "Luxury", imageSrc: "https://images.unsplash.com/photo-1616486338812-3dadae4b4ace" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[{ id: "l1", title: "Address", content: "QQGP+8FJ, Nairobi" }, { id: "l2", title: "Availability", content: "Open 24 Hours for tours." }, { id: "l3", title: "Access", content: "Smooth access roads provided." }]}
|
||||
sideTitle="Connected Yet Private"
|
||||
sideDescription="Strategically located in Nairobi with smooth access roads, Enaki offers both convenience and escape."
|
||||
faqsAnimation="blur-reveal"
|
||||
<FaqSplitText
|
||||
sideTitle="FAQ"
|
||||
faqs={[{ id: "1", title: "Where?", content: "Central city location" }, { id: "2", title: "How?", content: "Accessible via metro" }]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
<TestimonialCardSixteen
|
||||
title="What they say"
|
||||
description="Don't just take our word for it."
|
||||
kpiItems={[{ value: "5", label: "Stars" }, { value: "1K", label: "Happy Clients" }, { value: "20", label: "Years" }]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[{ id: "t1", name: "Sarah J.", role: "Executive", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg" }, { id: "t2", name: "Mark D.", role: "Investor", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg" }, { id: "t3", name: "Elena V.", role: "Architect", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-dancing-home_23-2149891223.jpg" }, { id: "t4", name: "David K.", role: "Executive", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/details-decor-table-living-room-hygge-style_169016-10387.jpg" }, { id: "t5", name: "Lucy H.", role: "Director", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg" }]}
|
||||
kpiItems={[{ value: "100+", label: "Happy Residents" }, { value: "5.0", label: "Design Rating" }, { value: "15+", label: "Total Blocks" }]}
|
||||
title="Resident Experiences"
|
||||
description="Hear what our exclusive community says."
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{ id: "1", name: "Jane Doe", role: "Founder", company: "TechCorp", rating: 5, imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Experience Enaki for Yourself. Schedule your private tour and view our residences."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Schedule Viewing", href: "#" }, { text: "Request Pricing", href: "#" }]}
|
||||
<ContactText
|
||||
text="Get in touch with us!"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ENAKI RESORT RESIDENCE"
|
||||
copyrightText="© 2025 Enaki Resort Residence | Designed for Better Living"
|
||||
<FooterCard
|
||||
logoText="Webild"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user