Update src/app/page.tsx
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { NavbarStyleApple } from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
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";
|
||||
@@ -13,7 +13,18 @@ import { Award } from "lucide-react";
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="Director Real Estate" />
|
||||
</div>
|
||||
@@ -24,18 +35,17 @@ export default function HomePage() {
|
||||
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" }
|
||||
{ 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."
|
||||
@@ -43,6 +53,7 @@ export default function HomePage() {
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
|
||||
Reference in New Issue
Block a user