Merge version_2 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,30 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Living",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Properties", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Southcliff"
|
||||
/>
|
||||
@@ -61,20 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevated Living in the Heart of the Blue Ridge"
|
||||
description="Experience the perfect balance of luxury and nature at Southcliff. Asheville's premier gated mountain community, where architecture harmonizes with the breathtaking landscape."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Gated Private Community"
|
||||
tagIcon={ShieldCheck}
|
||||
title="Exclusive Mountain Living with Private Gate Access"
|
||||
description="Southcliff provides a secure, gated environment with dedicated 24/7 gate attendant service. Please note: strictly by appointment only for all visitor entries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Southcliff",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "View Properties",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Schedule Your Appointment", href: "#contact" },
|
||||
{ text: "Explore Properties", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-red-house-surrounded-by-trees-night_198169-157.jpg"
|
||||
/>
|
||||
@@ -83,13 +59,11 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Community Defined by Nature"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Lifestyle",
|
||||
href: "#features",
|
||||
},
|
||||
title="Secure Tranquility"
|
||||
description={[
|
||||
"Southcliff balances upscale mountain luxury with peace of mind. Our community is protected by a professional gatehouse, ensuring privacy for all residents and guests. We welcome visitors who have scheduled an appointment with our staff."
|
||||
]}
|
||||
buttons={[{ text: "Learn About Our Security", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -98,34 +72,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Private Trail System",
|
||||
description: "Miles of groomed hiking trails winding through protected forest landscapes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hikers-sitting-rock_23-2148106764.jpg",
|
||||
},
|
||||
{
|
||||
title: "Community Lodge",
|
||||
description: "A sophisticated gathering space designed for community events and resident relaxation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lodge-house-with-deer-antlers-hanging-window-snow-back_181624-61513.jpg",
|
||||
},
|
||||
{
|
||||
title: "Unrivaled Vistas",
|
||||
description: "Breathtaking panoramic views that change with every season, right from your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mountainous-landscape-with-fir-trees-foggy-background_181624-30544.jpg",
|
||||
},
|
||||
{
|
||||
title: "Forest Sanctuary",
|
||||
description: "Peaceful, quiet corners reserved for meditation and connection with nature.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-forest-drinking-from-mugs_23-2148785781.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Design",
|
||||
description: "Community guidelines that ensure architecture preserves the natural beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-students-are-fixing-broken-drone-using-table-autumn-forestal-park_613910-19035.jpg",
|
||||
},
|
||||
{ title: "Gated Security", description: "Private entrance managed by a dedicated gate attendant.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lodge-house-with-deer-antlers-hanging-window-snow-back_181624-61513.jpg" },
|
||||
{ title: "Private Trail System", description: "Miles of groomed hiking trails winding through protected forest landscapes.", imageSrc: "http://img.b2bpic.net/free-photo/hikers-sitting-rock_23-2148106764.jpg" },
|
||||
{ title: "Unrivaled Vistas", description: "Breathtaking panoramic views that change with every season, right from your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mountainous-landscape-with-fir-trees-foggy-background_181624-30544.jpg" }
|
||||
]}
|
||||
title="Amenities for a Life Well-Lived"
|
||||
description="Enjoy unmatched access to private trails, community gathering spaces, and the serenity of pristine mountain forests, all just minutes from downtown Asheville."
|
||||
description="Experience serenity with gated security and unmatched access to private nature trails, just minutes from downtown Asheville."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -136,143 +88,24 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mountain Estate Home",
|
||||
price: "From $1.2M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-house-mountain-volcano-batur-bali-indonesia_72229-999.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Forested Homesite 04",
|
||||
price: "From $250k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscapes-iceland-while-travelling_23-2149122480.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Craftsman Build",
|
||||
price: "From $900k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-house-mountains-terrace-with-panoramic-view_169016-69002.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ridge-Top Retreat",
|
||||
price: "From $1.5M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wooden-house-mountains-winter-with-grey-sky-background_181624-4550.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wooded Cottage Parcel",
|
||||
price: "From $200k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694014.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grand View Residence",
|
||||
price: "From $1.8M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-range-reflects-tranquil-beauty-meadow-generated-by-ai_188544-26905.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Mountain Estate Home", price: "From $1.2M", imageSrc: "http://img.b2bpic.net/free-photo/landscape-house-mountain-volcano-batur-bali-indonesia_72229-999.jpg" },
|
||||
{ id: "p2", name: "Forested Homesite 04", price: "From $250k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscapes-iceland-while-travelling_23-2149122480.jpg" }
|
||||
]}
|
||||
title="Homes & Homesites"
|
||||
description="Select from a curated collection of buildable homesites and custom-crafted residences, each designed to respect the natural topography."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "400+",
|
||||
title: "Acres Protected",
|
||||
description: "Preserved forest land.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/path-into-woods_181624-12913.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Miles of Trails",
|
||||
description: "Private hiking access.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-man-with-tattoos-ultra-trail-runner_346278-123.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10",
|
||||
title: "Minutes to City",
|
||||
description: "To Asheville center.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/siblings-having-fun-together-outdoors_23-2148943119.jpg",
|
||||
},
|
||||
]}
|
||||
title="Southcliff by the Numbers"
|
||||
description="A community rooted in scale and thoughtful development."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "The Perfect Escape",
|
||||
quote: "We found more than a home; we found a community that shares our love for the outdoors.",
|
||||
name: "Sarah & Mark",
|
||||
role: "Architects",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seeking-trail-forest_329181-19886.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Unrivaled Quality",
|
||||
quote: "The building standards here ensured our mountain retreat fit perfectly into the environment.",
|
||||
name: "James R.",
|
||||
role: "Physician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-older-man-with-backpack-exploring-outdoors_23-2148641974.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Connected Peace",
|
||||
quote: "Being ten minutes from downtown Asheville while living in a forest is truly rare.",
|
||||
name: "Elena D.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-cozy-balcony-country-house_1153-9853.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great Neighbors",
|
||||
quote: "The clubhouse events make it so easy to get to know everyone. It's welcoming.",
|
||||
name: "The Thompson Family",
|
||||
role: "Business Owners",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-drinking-beer-talking-outdoor-party_23-2149366179.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Nature's Playground",
|
||||
quote: "Every morning walk on the trail feels like a blessing. Pure mountain bliss.",
|
||||
name: "Thomas W.",
|
||||
role: "Retired Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interprets-singing-outdoors_23-2149498414.jpg",
|
||||
},
|
||||
]}
|
||||
title="Resident Perspectives"
|
||||
description="What our community members cherish most about life in Southcliff."
|
||||
title="Available Residences & Lots"
|
||||
description="Tour our available gated-community properties by booking an appointment with our concierge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Inquire"
|
||||
title="Begin Your Mountain Journey"
|
||||
description="Schedule a private tour of our available homesites and see the Southcliff lifestyle firsthand."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="By Appointment Only"
|
||||
tagIcon={ShieldCheck}
|
||||
title="Schedule Your Visit"
|
||||
description="As an exclusive gated community, access is restricted to residents and those with confirmed appointments. Contact our gate concierge to arrange your private tour."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/curved-road-forest_1122-2086.jpg"
|
||||
buttonText="Schedule Visit"
|
||||
buttonText="Book Appointment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,4 +118,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user