Merge version_1 into main #1
153
src/app/page.tsx
153
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Building, Instagram, Twitter } from "lucide-react";
|
||||
import { Building, Instagram, Twitter, Waves, Sparkles, Smartphone, ChefHat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Residence",
|
||||
id: "about",
|
||||
},
|
||||
name: "Residence", id: "about"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
name: "Amenities", id: "features"},
|
||||
{
|
||||
name: "Inquiry",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Inquiry", id: "contact"},
|
||||
]}
|
||||
brandName="Elysium Heights"
|
||||
/>
|
||||
@@ -53,71 +45,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Redefining Luxury Living"
|
||||
description="Experience unparalleled sophistication at Elysium Heights, where architectural mastery meets automotive-inspired precision. A sanctuary for the discerning few."
|
||||
kpis={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Luxury Units",
|
||||
},
|
||||
value: "50+", label: "Luxury Units"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Concierge",
|
||||
},
|
||||
value: "24/7", label: "Concierge"},
|
||||
{
|
||||
value: "A++",
|
||||
label: "Efficiency",
|
||||
},
|
||||
value: "A++", label: "Efficiency"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BNt2TGOkIY7dMnzB3pL64yUriu/uploaded-1775400980262-kppchafa.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
alt: "Resident 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg", alt: "Resident 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-front-glass-building_23-2147704437.jpg",
|
||||
alt: "Resident 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-front-glass-building_23-2147704437.jpg", alt: "Resident 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-beige-suit-standing-power-pose-city-center_1258-194023.jpg",
|
||||
alt: "Resident 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-beige-suit-standing-power-pose-city-center_1258-194023.jpg", alt: "Resident 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065043.jpg",
|
||||
alt: "Resident 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065043.jpg", alt: "Resident 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg",
|
||||
alt: "Resident 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg", alt: "Resident 5"},
|
||||
]}
|
||||
avatarText="Join 500+ residents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Living",
|
||||
},
|
||||
type: "text", text: "Sustainable Living"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
type: "text", text: "Prime Location"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Finishes",
|
||||
},
|
||||
type: "text", text: "Premium Finishes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Access",
|
||||
},
|
||||
type: "text", text: "Exclusive Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Infrastructure",
|
||||
},
|
||||
type: "text", text: "Smart Infrastructure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,28 +106,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Infinity Pools",
|
||||
description: "High-altitude swimming experience with panoramic city views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-athletic-sportswear-girl-training-gym-with-friend_1157-13790.jpg",
|
||||
buttonIcon: "Waves",
|
||||
title: "Infinity Pools", description: "High-altitude swimming experience with panoramic city views.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-athletic-sportswear-girl-training-gym-with-friend_1157-13790.jpg", buttonIcon: Waves,
|
||||
},
|
||||
{
|
||||
title: "Wellness Center",
|
||||
description: "A curated space for rejuvenation with spa and steam facilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-holding-wineglass-rose-posing-balcony_23-2147891171.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Wellness Center", description: "A curated space for rejuvenation with spa and steam facilities.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-holding-wineglass-rose-posing-balcony_23-2147891171.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Smart Automation",
|
||||
description: "Fully integrated living environments controlled from your device.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-with-smart-home-control-panel_9975-33223.jpg",
|
||||
buttonIcon: "Smartphone",
|
||||
title: "Smart Automation", description: "Fully integrated living environments controlled from your device.", imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-with-smart-home-control-panel_9975-33223.jpg", buttonIcon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Gourmet Kitchens",
|
||||
description: "Chef-grade facilities for the culinary artist in you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-valet-outdoors_23-2149901418.jpg",
|
||||
buttonIcon: "ChefHat",
|
||||
title: "Gourmet Kitchens", description: "Chef-grade facilities for the culinary artist in you.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-valet-outdoors_23-2149901418.jpg", buttonIcon: ChefHat,
|
||||
},
|
||||
]}
|
||||
title="Exclusive Amenities"
|
||||
@@ -178,45 +131,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Mercer",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Innovators",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Mercer", role: "Entrepreneur", company: "Tech Innovators", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Jenson",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-front-glass-building_23-2147704437.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Jenson", role: "Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-front-glass-building_23-2147704437.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Vane",
|
||||
role: "Executive",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-beige-suit-standing-power-pose-city-center_1258-194023.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Vane", role: "Executive", company: "Global Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-beige-suit-standing-power-pose-city-center_1258-194023.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elise Thorne",
|
||||
role: "Architect",
|
||||
company: "Design Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065043.jpg",
|
||||
},
|
||||
id: "4", name: "Elise Thorne", role: "Architect", company: "Design Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065043.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wu",
|
||||
role: "Investor",
|
||||
company: "Capital Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg",
|
||||
},
|
||||
id: "5", name: "David Wu", role: "Investor", company: "Capital Partners", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg"},
|
||||
]}
|
||||
title="Resident Perspectives"
|
||||
description="What our residents say about life at Elysium Heights."
|
||||
@@ -227,14 +155,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Secure your place in the future of residential living. Contact our concierge to schedule a private tour."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Tour",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Tour", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -245,14 +170,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
copyrightText="© 2025 Elysium Heights. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user