Update src/app/page.tsx
This commit is contained in:
304
src/app/page.tsx
304
src/app/page.tsx
@@ -1,217 +1,103 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { NavbarStyleApple } from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "profile",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "listings",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Director Real Estate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Bespoke Property Leadership in Hertfordshire."
|
||||
description="Elevating the standards of luxury real estate through precision, discretion, and market dominance."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Consultations",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg",
|
||||
imageAlt: "Luxury mansion exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-landscape-surrounding-adare-manor-ireland_493961-1381.jpg",
|
||||
imageAlt: "Contemporary luxury home facade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408809.jpg",
|
||||
imageAlt: "Modern luxury mansion garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29360.jpg",
|
||||
imageAlt: "Luxury mansion view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-metal-railings-white-concrete-building_250224-12.jpg",
|
||||
imageAlt: "Modern manor entrance",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="profile" data-section="profile">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Director Profile"
|
||||
title="Your Trusted Partner in Exceptional Estates."
|
||||
description="With over two decades of experience navigating the prestige market, I provide personalized service that ensures every detail is handled with absolute care."
|
||||
subdescription="My mandate is simple: to align your aspirations with the finest properties in the market, providing 1-to-1 strategic guidance."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "l1",
|
||||
name: "The Manor Estates",
|
||||
price: "£4,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg",
|
||||
},
|
||||
{
|
||||
id: "l2",
|
||||
name: "Hertfordshire Heights",
|
||||
price: "£2,800,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg",
|
||||
},
|
||||
{
|
||||
id: "l3",
|
||||
name: "Modern Glass Pavilion",
|
||||
price: "£3,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dining-set-modern-luxury-dining-room_105762-1798.jpg",
|
||||
},
|
||||
{
|
||||
id: "l4",
|
||||
name: "Stately Country House",
|
||||
price: "£5,900,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg",
|
||||
},
|
||||
{
|
||||
id: "l5",
|
||||
name: "Riverside Oasis",
|
||||
price: "£2,100,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160190.jpg",
|
||||
},
|
||||
{
|
||||
id: "l6",
|
||||
name: "Historic Heritage Villa",
|
||||
price: "£3,800,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13498.jpg",
|
||||
},
|
||||
]}
|
||||
title="Exclusive Listings"
|
||||
description="A curated selection of our current market offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="An unparalleled service level. The director's knowledge of the Hertfordshire market and professional discretion made our transaction seamless."
|
||||
rating={5}
|
||||
author="James & Elena Sterling"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362816.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Discreet Consultation"
|
||||
title="Secure Your Property Consultation."
|
||||
description="Please provide your details below and we will contact you directly to discuss your requirements."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Director Real Estate"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="Director Real Estate" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Bespoke Property Leadership in Hertfordshire."
|
||||
description="Elevating the standards of luxury real estate through precision, discretion, and market dominance."
|
||||
buttons={[{ text: "View Consultations", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg", imageAlt: "luxury property exterior mansion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/amazing-landscape-surrounding-adare-manor-ireland_493961-1381.jpg", imageAlt: "contemporary luxury home facade" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408809.jpg", imageAlt: "modern luxury mansion garden" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29360.jpg", imageAlt: "luxury property exterior mansion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-metal-railings-white-concrete-building_250224-12.jpg", imageAlt: "contemporary luxury home facade" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="profile" data-section="profile">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Director Profile"
|
||||
title="Your Trusted Partner in Exceptional Estates."
|
||||
description="With over two decades of experience navigating the prestige market, I provide personalized service that ensures every detail is handled with absolute care."
|
||||
subdescription="My mandate is simple: to align your aspirations with the finest properties in the market, providing 1-to-1 strategic guidance."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "l1", name: "The Manor Estates", price: "£4,500,000", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg" },
|
||||
{ id: "l2", name: "Hertfordshire Heights", price: "£2,800,000", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg" },
|
||||
{ id: "l3", name: "Modern Glass Pavilion", price: "£3,200,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dining-set-modern-luxury-dining-room_105762-1798.jpg" },
|
||||
{ id: "l4", name: "Stately Country House", price: "£5,900,000", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg" },
|
||||
{ id: "l5", name: "Riverside Oasis", price: "£2,100,000", imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160190.jpg" },
|
||||
{ id: "l6", name: "Historic Heritage Villa", price: "£3,800,000", imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13498.jpg" }
|
||||
]}
|
||||
title="Exclusive Listings"
|
||||
description="A curated selection of our current market offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="An unparalleled service level. The director's knowledge of the Hertfordshire market and professional discretion made our transaction seamless."
|
||||
rating={5}
|
||||
author="James & Elena Sterling"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg", alt: "Client A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362816.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", alt: "Client D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg", alt: "Client E" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Discreet Consultation"
|
||||
title="Secure Your Property Consultation."
|
||||
description="Please provide your details below and we will contact you directly to discuss your requirements."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Director Real Estate"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user