Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3771b2d677 | |||
| 55a0aeb767 | |||
| 1053722886 | |||
| 2901c22b93 | |||
| 228b090125 | |||
| 2d9f39a97c | |||
| 609c6d5d6f | |||
| 8c438c8b47 |
262
src/app/page.tsx
262
src/app/page.tsx
@@ -2,16 +2,15 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
import { Clock, Globe, TrendingUp } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -28,158 +27,113 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Listings", id: "products" },
|
{ name: "Services", id: "products" },
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Contact", id: "contact" }
|
||||||
]}
|
]}
|
||||||
brandName="Elite Estate"
|
brandName="AFRA DEMİR BEAUTY"
|
||||||
button={{ text: "Get Started", href: "#contact" }}
|
button={{ text: "Book Now", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroBillboardTestimonial
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
title="Your Trusted Guide in Luxury Real Estate"
|
title="AFRA DEMİR BEAUTY"
|
||||||
description="Expert guidance for premium property acquisition, investment strategy, and comprehensive portfolio management in today's dynamic market."
|
description="Professional beauty and aesthetic services designed to enhance your natural radiance."
|
||||||
kpis={[
|
testimonials={[
|
||||||
{ value: "$500M+", label: "Portfolio Managed" },
|
{ name: "Ayşe Y.", handle: "@aysey", testimonial: "The best service I have received.", rating: 5 },
|
||||||
{ value: "15+ Yrs", label: "Industry Experience" },
|
{ name: "Fatma K.", handle: "@fatmak", testimonial: "Professional and high-quality results!", rating: 5 }
|
||||||
{ value: "200+", label: "Successful Closings" }
|
]}
|
||||||
]}
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-with-clean-skin_1142-638.jpg"
|
||||||
enableKpiAnimation={true}
|
/>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-business-woman-takes-selfie-her-cosy-office_197531-27982.jpg"
|
</div>
|
||||||
mediaAnimation="slide-up"
|
|
||||||
avatars={[
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/woman-working-from-home_23-2148916095.jpg", alt: "Consultant representative" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/asian-woman-with-headset-using-computer_482257-120429.jpg", alt: "Client support" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/creative-woman-holding-artwork_23-2148372150.jpg", alt: "Portfolio manager" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-chair-desk_23-2148820015.jpg", alt: "Strategic advisor" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Senior partner" }
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 500+ private clients"
|
|
||||||
marqueeItems={[
|
|
||||||
{ type: "text", text: "Global Presence" },
|
|
||||||
{ type: "text", text: "Market Expertise" },
|
|
||||||
{ type: "text", text: "Luxury Focus" },
|
|
||||||
{ type: "text", text: "Client First" },
|
|
||||||
{ type: "text", text: "Proven Results" }
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={false}
|
title="Our Beauty Philosophy"
|
||||||
title="A Visionary Approach to Property"
|
description={["At Afra Demir Beauty, we prioritize your skin health and aesthetic goals through personalized treatments and modern techniques."]}
|
||||||
description="With a keen eye for value and deep market intelligence, I help high-net-worth clients secure properties that align with their long-term financial and lifestyle goals."
|
useInvertedBackground={false}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/content-business-partners-discussing-documents-outdoors_1262-12307.jpg"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardThree
|
<MetricCardEleven
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
title="Our Excellence"
|
||||||
metrics={[
|
description="Beauty defined by precision and care."
|
||||||
{ id: "m1", icon: TrendingUp, title: "Client ROI", value: "12.5%" },
|
useInvertedBackground={false}
|
||||||
{ id: "m2", icon: Globe, title: "Global Reach", value: "40+" },
|
metrics={[
|
||||||
{ id: "m3", icon: Clock, title: "Average Sale", value: "32 Days" }
|
{ id: "1", value: "500+", title: "Satisfied Clients", description: "Happy beauty journeys completed", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetics-arrangement_23-2148564299.jpg?_wi=1" },
|
||||||
]}
|
{ id: "2", value: "10+", title: "Premium Treatments", description: "Advanced aesthetic services", imageSrc: "http://img.b2bpic.net/free-photo/beauty-treatment-spa_1150-17688.jpg?_wi=1" }
|
||||||
title="Market Performance"
|
]}
|
||||||
description="Tangible results driven by market foresight and dedication."
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
gridVariant="asymmetric-60-wide-40-narrow"
|
||||||
gridVariant="two-columns-alternating-heights"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
title="Our Services"
|
||||||
{ id: "p1", name: "The Horizon Penthouse", price: "$4.5M", variant: "Penthouse", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gold-coast-skyline-waterfront-residential-neighborhood_1308-189598.jpg" },
|
description="Curated beauty experiences for your skin and soul."
|
||||||
{ id: "p2", name: "Suburban Estate", price: "$2.2M", variant: "Single Family", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-beautiful-wooden-house-with-decorations-windows-near-sea_181624-17764.jpg" },
|
products={[
|
||||||
{ id: "p3", name: "Urban Contemporary Unit", price: "$1.8M", variant: "Apartment", imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg" },
|
{ id: "1", name: "Skin Rejuvenation", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-with-candles-flowers_23-2148419614.jpg?_wi=1" },
|
||||||
{ id: "p4", name: "Waterfront Villa", price: "$6.1M", variant: "Mansion", imageSrc: "http://img.b2bpic.net/free-photo/swimming-hotel-sky-vintage-chairs_1203-6262.jpg" },
|
{ id: "2", name: "Facial Sculpting", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-getting-facial-treatment-beauty-salon_1150-25555.jpg?_wi=1" },
|
||||||
{ id: "p5", name: "Chic City Loft", price: "$950K", variant: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-wear-fashionable-snake-dress-sunglasses-pose-restaurant_627829-5449.jpg" },
|
{ id: "3", name: "Glow Therapy", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-table_23-2148564264.jpg?_wi=1" }
|
||||||
{ id: "p6", name: "Classic Georgian Home", price: "$3.4M", variant: "Single Family", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25330.jpg" }
|
]}
|
||||||
]}
|
/>
|
||||||
title="Premium Current Listings"
|
</div>
|
||||||
description="Curated selections for the discerning buyer."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSixteen
|
<TestimonialCardFive
|
||||||
animationType="slide-up"
|
textboxLayout="split"
|
||||||
textboxLayout="split"
|
title="What Clients Say"
|
||||||
useInvertedBackground={false}
|
description="Hear from our lovely clients."
|
||||||
testimonials={[
|
useInvertedBackground={false}
|
||||||
{ id: "1", name: "Sarah Jenkins", role: "Investor", company: "Global Assets", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.jpg" },
|
testimonials={[
|
||||||
{ id: "2", name: "Marcus Thorne", role: "CEO", company: "Thorne Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
{ id: "t1", name: "Ayşe Y.", date: "Oct 2023", title: "Exceptional", quote: "Professional, kind, and results were amazing!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-long-hair_1142-637.jpg" }
|
||||||
{ id: "3", name: "Elena Rodriguez", role: "Architect", company: "Studio E", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg" },
|
]}
|
||||||
{ id: "4", name: "James Chen", role: "Founder", company: "NextGen Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg" },
|
/>
|
||||||
{ id: "5", name: "Sophie Martin", role: "CFO", company: "FinTech Partners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" }
|
</div>
|
||||||
]}
|
|
||||||
kpiItems={[
|
|
||||||
{ value: "5.0", label: "Average Rating" },
|
|
||||||
{ value: "95%", label: "Referral Rate" },
|
|
||||||
{ value: "100%", label: "Client Satisfaction" }
|
|
||||||
]}
|
|
||||||
title="Client Success Stories"
|
|
||||||
description="See why investors trust me with their property portfolio."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqBase
|
<FaqDouble
|
||||||
textboxLayout="split"
|
faqsAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
textboxLayout="split"
|
||||||
faqs={[
|
title="FAQ"
|
||||||
{ id: "q1", title: "How do we begin the consultation?", content: "We start with a confidential discovery session to align your financial and residential goals." },
|
description="Everything you need to know about our services."
|
||||||
{ id: "q2", title: "What fees are involved?", content: "Our fee structure is transparent, typically based on a service retainer or final commission, customized to your specific needs." },
|
useInvertedBackground={false}
|
||||||
{ id: "q3", title: "Do you work with international buyers?", content: "Yes, we specialize in helping international investors navigate local real estate markets with ease." }
|
faqs={[
|
||||||
]}
|
{ id: "q1", title: "How can I book?", content: "You can book through our contact page or via social media." }
|
||||||
title="Consultation Queries"
|
]}
|
||||||
description="Common questions regarding our real estate advisory services."
|
/>
|
||||||
faqsAnimation="slide-up"
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
tag="Contact"
|
||||||
background={{ variant: "plain" }}
|
title="Ready for a glow-up?"
|
||||||
tag="Let's Talk"
|
description="Schedule your private consultation with us today."
|
||||||
title="Ready to Start Your Journey?"
|
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||||
description="Book a confidential strategy session to discuss your next property investment."
|
background={{ variant: "sparkles-gradient" }}
|
||||||
/>
|
useInvertedBackground={true}
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoReveal
|
||||||
columns={[
|
logoText="AFRA DEMİR BEAUTY"
|
||||||
{ items: [
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||||
{ label: "About", href: "#about" },
|
rightLink={{ text: "Get in touch", href: "#contact" }}
|
||||||
{ label: "Listings", href: "#products" },
|
/>
|
||||||
{ label: "Contact", href: "#contact" }
|
</div>
|
||||||
]
|
|
||||||
},
|
|
||||||
{ items: [
|
|
||||||
{ label: "Privacy Policy", href: "#" },
|
|
||||||
{ label: "Terms of Use", href: "#" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
logoText="Elite Estate"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user