Merge version_1 into main #2
340
src/app/page.tsx
340
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Star } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,241 +26,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Lifestyle",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Aura Residence"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Lifestyle", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Residence"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Urban Elegance Reimagined"
|
||||
description="Experience unparalleled architectural sophistication and refined luxury living in the heart of the city."
|
||||
tag="PREMIUM RESIDENCE"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-with-rhythm-balconies-urban-style_169016-69191.jpg",
|
||||
imageAlt: "Luxury building architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6800.jpg",
|
||||
imageAlt: "Luxury residence entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047548.jpg",
|
||||
imageAlt: "Sophisticated interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-palm-park-their-shadows-grass_146671-18833.jpg?_wi=1",
|
||||
imageAlt: "Lush residential landscaping",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg?_wi=1",
|
||||
imageAlt: "Wellness amenity area",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-tier residential development"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Urban Elegance Reimagined"
|
||||
description="Experience unparalleled architectural sophistication and refined luxury living in the heart of the city."
|
||||
tag="PREMIUM RESIDENCE"
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-with-rhythm-balconies-urban-style_169016-69191.jpg", imageAlt: "Luxury building architecture"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6800.jpg", imageAlt: "Luxury residence entrance"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-tier residential development"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Modern Living"
|
||||
description={[
|
||||
"Aura Residence sets a new standard for modern urban living. Our commitment to architectural integrity and premium finishes creates an environment that balances privacy, style, and community.",
|
||||
"Every detail, from the glass-clad facades to the lush landscaping, is curated to offer an inviting and sophisticated lifestyle for our discerning residents.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Modern Living"
|
||||
description={[
|
||||
"Aura Residence sets a new standard for modern urban living. Our commitment to architectural integrity and premium finishes creates an environment that balances privacy, style, and community.", "Every detail, from the glass-clad facades to the lush landscaping, is curated to offer an inviting and sophisticated lifestyle for our discerning residents."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Resort-Style Pool",
|
||||
description: "A tranquil infinity edge pool surrounded by manicured gardens and relaxing cabanas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-palm-park-their-shadows-grass_146671-18833.jpg?_wi=2",
|
||||
titleIconSrc: "Star",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Concierge",
|
||||
description: "Dedicated concierge services to assist with your every need, 24/7.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg",
|
||||
titleIconSrc: "Star",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
{
|
||||
title: "Wellness Sanctuary",
|
||||
description: "A comprehensive spa and fitness center for your mental and physical wellbeing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg?_wi=2",
|
||||
titleIconSrc: "Star",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
]}
|
||||
title="Curated Amenities"
|
||||
description="Indulge in a collection of world-class facilities designed for ultimate comfort and wellness."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Resort-Style Pool", description: "A tranquil infinity edge pool surrounded by manicured gardens and relaxing cabanas.", imageSrc: "http://img.b2bpic.net/free-photo/green-palm-park-their-shadows-grass_146671-18833.jpg", titleIconSrc: "Star", buttonText: "Explore"},
|
||||
{
|
||||
title: "Exclusive Concierge", description: "Dedicated concierge services to assist with your every need, 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg", titleIconSrc: "Star", buttonText: "Discover"},
|
||||
{
|
||||
title: "Wellness Sanctuary", description: "A comprehensive spa and fitness center for your mental and physical wellbeing.", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg", titleIconSrc: "Star", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Curated Amenities"
|
||||
description="Indulge in a collection of world-class facilities designed for ultimate comfort and wellness."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Vance",
|
||||
role: "CEO",
|
||||
company: "InnovateLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84846.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julian Reed",
|
||||
role: "Architect",
|
||||
company: "StudioOne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064977.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
role: "Marketing VP",
|
||||
company: "BrandGrowth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wu",
|
||||
role: "Founder",
|
||||
company: "VenturesLLC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-dancing-home_23-2149891124.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Resident Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Concierge Support",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Award-Winning Architecture",
|
||||
},
|
||||
]}
|
||||
title="Resident Perspectives"
|
||||
description="Hear from those who call Aura Residence home."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marcus Thorne", role: "Creative Director", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg" },
|
||||
{ id: "2", name: "Elena Vance", role: "CEO", company: "InnovateLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84846.jpg" },
|
||||
{ id: "3", name: "Julian Reed", role: "Architect", company: "StudioOne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064977.jpg" },
|
||||
{ id: "4", name: "Sarah Miller", role: "Marketing VP", company: "BrandGrowth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg" },
|
||||
{ id: "5", name: "David Wu", role: "Founder", company: "VenturesLLC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-dancing-home_23-2149891124.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Resident Satisfaction" },
|
||||
{ value: "24/7", label: "Concierge Support" },
|
||||
{ value: "10+", label: "Award-Winning Architecture" },
|
||||
]}
|
||||
title="Resident Perspectives"
|
||||
description="Hear from those who call Aura Residence home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="PRIVATE SHOWING"
|
||||
title="Reserve Your Tour"
|
||||
description="Private viewings are available by appointment. Contact our sales office to secure your place in urban luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="PRIVATE SHOWING"
|
||||
title="Reserve Your Tour"
|
||||
description="Private viewings are available by appointment. Contact our sales office to secure your place in urban luxury."
|
||||
buttons={[{ text: "Schedule Appointment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Residence",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Aura Residence. All rights reserved."
|
||||
bottomRightText="Architectural Visualization"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Residence", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Amenities", href: "#features" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Concierge", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Aura Residence. All rights reserved."
|
||||
bottomRightText="Architectural Visualization"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user