Merge version_1 into main #2
406
src/app/page.tsx
406
src/app/page.tsx
@@ -27,302 +27,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "listings",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sedat Özkan"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Listings", id: "listings" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sedat Özkan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Luxury Real Estate Built on Trust"
|
||||
description="Expert property investment guidance and luxury home matching in Istanbul. Transparent, attentive service from a trusted local advisor who prioritizes your peace of mind over commission."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Listings",
|
||||
href: "#listings",
|
||||
},
|
||||
{
|
||||
text: "Contact via WhatsApp",
|
||||
href: "https://wa.me/905074523909",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-modern-building_250224-279.jpg?_wi=1"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598350.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-white-tongue-near-smiling-man_23-2147990036.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-amazed-girlfriend-restaurant_23-2147891140.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Luxury Real Estate Built on Trust"
|
||||
description="Expert property investment guidance and luxury home matching in Istanbul. Transparent, attentive service from a trusted local advisor who prioritizes your peace of mind over commission."
|
||||
buttons={[
|
||||
{ text: "Explore Listings", href: "#listings" },
|
||||
{ text: "Contact via WhatsApp", href: "https://wa.me/905074523909" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-modern-building_250224-279.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598350.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-showing-white-tongue-near-smiling-man_23-2147990036.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-amazed-girlfriend-restaurant_23-2147891140.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Expertise That Delivers Results"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Expertise",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Successful Deals",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Istanbul Expertise",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Expertise That Delivers Results"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years of Expertise", value: "15+" },
|
||||
{ icon: ShieldCheck, label: "Successful Deals", value: "500+" },
|
||||
{ icon: MapPin, label: "Istanbul Expertise", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bosphorus Penthouse",
|
||||
price: "€2,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349210.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Historical Mansion",
|
||||
price: "€4,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-pavilion-labyrinth-park-horta_1398-2205.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Glass Terrace Residence",
|
||||
price: "€1,800,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-building-exterior-night-with-architectural-lighting_84443-74857.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Modern Complex Suite",
|
||||
price: "€950,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sky-View Bedroom Suite",
|
||||
price: "€1,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Waterfront Private Villa",
|
||||
price: "€5,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2285.jpg",
|
||||
},
|
||||
]}
|
||||
title="Elite Portfolio"
|
||||
description="Curated high-end residential and investment properties across Istanbul."
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Bosphorus Penthouse", price: "€2,500,000", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349210.jpg" },
|
||||
{ id: "p2", name: "Historical Mansion", price: "€4,200,000", imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-pavilion-labyrinth-park-horta_1398-2205.jpg" },
|
||||
{ id: "p3", name: "Glass Terrace Residence", price: "€1,800,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-building-exterior-night-with-architectural-lighting_84443-74857.jpg" },
|
||||
{ id: "p4", name: "Modern Complex Suite", price: "€950,000", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg" },
|
||||
{ id: "p5", name: "Sky-View Bedroom Suite", price: "€1,200,000", imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg" },
|
||||
{ id: "p6", name: "Waterfront Private Villa", price: "€5,500,000", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2285.jpg" },
|
||||
]}
|
||||
title="Elite Portfolio"
|
||||
description="Curated high-end residential and investment properties across Istanbul."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Market Deep Dive",
|
||||
description: "Comprehensive analysis of Istanbul's micro-markets and investment potential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349210.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Personalized Matching",
|
||||
description: "Tailored property searches aligned strictly with your financial and lifestyle objectives.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-pavilion-labyrinth-park-horta_1398-2205.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Transparent Negotiation",
|
||||
description: "Expert representation ensuring fair market value and optimized purchase terms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-building-exterior-night-with-architectural-lighting_84443-74857.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Consulting Process"
|
||||
description="A refined path to your ideal investment or home."
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Market Deep Dive", description: "Comprehensive analysis of Istanbul's micro-markets and investment potential.", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349210.jpg" },
|
||||
{ title: "Personalized Matching", description: "Tailored property searches aligned strictly with your financial and lifestyle objectives.", imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-pavilion-labyrinth-park-horta_1398-2205.jpg" },
|
||||
{ title: "Transparent Negotiation", description: "Expert representation ensuring fair market value and optimized purchase terms.", imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-building-exterior-night-with-architectural-lighting_84443-74857.jpg" },
|
||||
]}
|
||||
title="Our Consulting Process"
|
||||
description="A refined path to your ideal investment or home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "CEO, TechCorp",
|
||||
testimonial: "Exceptional transparency and dedication to finding the right match.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "Investor",
|
||||
testimonial: "Market insights were invaluable for my portfolio diversification.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598350.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Entrepreneur",
|
||||
testimonial: "Personalized care that turned a stressful process into a seamless one.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-white-tongue-near-smiling-man_23-2147990036.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "Product Manager",
|
||||
testimonial: "Trustworthy advisor who prioritizes my peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ayşe Yılmaz",
|
||||
handle: "Sellers",
|
||||
testimonial: "Understood the true value of my property and achieved a quick sale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-amazed-girlfriend-restaurant_23-2147891140.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from those who trust our expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "Exceptional transparency and dedication to finding the right match.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "Investor", testimonial: "Market insights were invaluable for my portfolio diversification.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598350.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "Entrepreneur", testimonial: "Personalized care that turned a stressful process into a seamless one.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-white-tongue-near-smiling-man_23-2147990036.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "Product Manager", testimonial: "Trustworthy advisor who prioritizes my peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg" },
|
||||
{ id: "5", name: "Ayşe Yılmaz", handle: "Sellers", testimonial: "Understood the true value of my property and achieved a quick sale.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-amazed-girlfriend-restaurant_23-2147891140.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from those who trust our expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get Started Today"
|
||||
description="Schedule your private consultation with Sedat Özkan."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-businesswoman-with-disposal-cup-laptop-sitting-outside-office-building_23-2147970933.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get Started Today"
|
||||
description="Schedule your private consultation with Sedat Özkan."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-businesswoman-with-disposal-cup-laptop-sitting-outside-office-building_23-2147970933.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-modern-building_250224-279.jpg?_wi=2"
|
||||
logoText="Sedat Özkan"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Listings",
|
||||
href: "#listings",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Investment Consulting",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Home Matching",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Sedat Özkan Emlak"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-modern-building_250224-279.jpg"
|
||||
logoText="Sedat Özkan"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Listings", href: "#listings" }] },
|
||||
{ title: "Services", items: [{ label: "Investment Consulting", href: "#process" }, { label: "Home Matching", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Sedat Özkan Emlak"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user