Merge version_3 into main

Update src/app/page.tsx
2026-05-22 13:41:48 +00:00 · 2026-05-22 13:41:44 +00:00 · 2026-05-22 13:38:39 +00:00 · 2026-05-22 13:38:36 +00:00 · 2026-05-22 13:38:15 +00:00 · 2026-05-22 13:38:12 +00:00
1 changed files with 109 additions and 155 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,15 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Clock, Globe, TrendingUp } from "lucide-react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

 export default function LandingPage() {
  return (
@@ -28,159 +27,114 @@ export default function LandingPage() {
        headingFontWeight="normal"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "About", id: "about" },
-        { name: "Listings", id: "products" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "Contact", id: "contact" }
-      ]}
-      brandName="Elite Estate"
-      button={{ text: "Get Started", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="AFRA DEMİR BEAUTY"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{ variant: "radial-gradient" }}
-      title="Your Trusted Guide in Luxury Real Estate"
-      description="Expert guidance for premium property acquisition, investment strategy, and comprehensive portfolio management in today's dynamic market."
-      kpis={[
-        { value: "$500M+", label: "Portfolio Managed" },
-        { value: "15+ Yrs", label: "Industry Experience" },
-        { value: "200+", label: "Successful Closings" }
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/attractive-business-woman-takes-selfie-her-cosy-office_197531-27982.jpg"
-      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="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            background={{ variant: "radial-gradient" }}
+            title="AFRA DEMİR BEAUTY"
+            description="Professional beauty and aesthetic services designed to enhance your natural radiance."
+            testimonials={[
+              { name: "Ayşe Y.", handle: "@aysey", testimonial: "The best service I have received.", rating: 5 },
+              { name: "Fatma K.", handle: "@fatmak", testimonial: "Professional and high-quality results!", rating: 5 }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-with-clean-skin_1142-638.jpg"
+          />
+        </div>

-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="A Visionary Approach to Property"
-      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."
-      imageSrc="http://img.b2bpic.net/free-photo/content-business-partners-discussing-documents-outdoors_1262-12307.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            title="Our Beauty Philosophy"
+            description={["At Afra Demir Beauty, we prioritize your skin health and aesthetic goals through personalized treatments and modern techniques."]}
+            useInvertedBackground={false}
+          />
+        </div>

-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", icon: TrendingUp, title: "Client ROI", value: "12.5%" },
-        { id: "m2", icon: Globe, title: "Global Reach", value: "40+" },
-        { id: "m3", icon: Clock, title: "Average Sale", value: "32 Days" }
-      ]}
-      title="Market Performance"
-      description="Tangible results driven by market foresight and dedication."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            title="Our Excellence"
+            description="Beauty defined by precision and care."
+            useInvertedBackground={false}
+            metrics={[
+              { 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" }
+            ]}
+          />
+        </div>

-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        { 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" },
-        { 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" },
-        { 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: "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: "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: "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"
-      description="Curated selections for the discerning buyer."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Our Services"
+            description="Curated beauty experiences for your skin and soul."
+            products={[
+              { 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: "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: "3", name: "Glow Therapy", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-table_23-2148564264.jpg?_wi=1" }
+            ]}
+          />
+        </div>

-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { 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" },
-        { 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: "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" }
-      ]}
-      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="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            title="What Clients Say"
+            description="Hear from our lovely clients."
+            useInvertedBackground={false}
+            testimonials={[
+              { 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" }
+            ]}
+          />
+        </div>

-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "How do we begin the consultation?", content: "We start with a confidential discovery session to align your financial and residential goals." },
-        { 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." },
-        { id: "q3", title: "Do you work with international buyers?", content: "Yes, we specialize in helping international investors navigate local real estate markets with ease." }
-      ]}
-      title="Consultation Queries"
-      description="Common questions regarding our real estate advisory services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            faqsAnimation="slide-up"
+            textboxLayout="split"
+            title="FAQ"
+            description="Everything you need to know about our services."
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How can I book?", content: "You can book through our contact page or via social media." }
+            ]}
+          />
+        </div>

-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Let's Talk"
-      title="Ready to Start Your Journey?"
-      description="Book a confidential strategy session to discuss your next property investment."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Contact"
+            title="Ready for a glow-up?"
+            description="Schedule your private consultation with us today."
+            buttons={[{ text: "Book Now", href: "#contact" }]}
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={true}
+          />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [
-            { label: "About", href: "#about" },
-            { label: "Listings", href: "#products" },
-            { label: "Contact", href: "#contact" }
-          ]
-        },
-        { items: [
-            { label: "Privacy Policy", href: "#" },
-            { label: "Terms of Use", href: "#" }
-          ]
-        }
-      ]}
-      logoText="Elite Estate"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="AFRA DEMİR BEAUTY"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Get in touch", href: "#contact" }}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	71729bdf58	Merge version_3 into main Merge version_3 into main	2026-05-22 13:41:48 +00:00
bender	3771b2d677	Update src/app/page.tsx	2026-05-22 13:41:44 +00:00
bender	55a0aeb767	Merge version_2 into main Merge version_2 into main	2026-05-22 13:38:39 +00:00
bender	1053722886	Update src/app/page.tsx	2026-05-22 13:38:36 +00:00
bender	2901c22b93	Merge version_2 into main Merge version_2 into main	2026-05-22 13:38:15 +00:00
bender	228b090125	Update src/app/page.tsx	2026-05-22 13:38:12 +00:00
bender	2d9f39a97c	Merge version_2 into main Merge version_2 into main	2026-05-22 13:37:48 +00:00
bender	609c6d5d6f	Update src/app/page.tsx	2026-05-22 13:37:45 +00:00
bender	8c438c8b47	Merge version_1 into main Merge version_1 into main	2026-05-22 13:35:23 +00:00