Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,11 +6,10 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Award, CheckCircle, Heart, MapPin, Shield, Sparkles, Star, Users, Zap } from 'lucide-react';
+import { Award, CheckCircle, Heart, MapPin, Shield, Sparkles, Star, Users, Zap, Phone, MessageCircle } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,7 +31,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
-            { name: "Reviews", id: "reviews" },
+            { name: "Location", id: "contact" },
             { name: "FAQ", id: "faq" }
           ]}
           button={{ text: "Book Appointment", href: "#contact" }}
@@ -92,8 +91,8 @@ export default function LandingPage() {
 
       <div id="features" data-section="features">
         <FeatureBento
-          title="Why Ginza Beauty"
-          description="We combine traditional Japanese craftsmanship with modern techniques to deliver exceptional results."
+          title="Our Premium Features"
+          description="Experience excellence in every detail with our carefully curated services and hospitality."
           textboxLayout="default"
           useInvertedBackground={true}
           animationType="slide-up"
@@ -138,24 +137,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="Perfect nails and beautiful natural lashes. The attention to detail and professionalism is unmatched. The serene atmosphere makes every visit special."
-          rating={5}
-          author="Sarah Johnson"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Sarah Johnson" },
-            { src: "http://img.b2bpic.net/free-photo/cute-hipster-woman-taking-photos-retro-camera_176420-16727.jpg", alt: "Fatima Al Mansouri" },
-            { src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-standing-with-crossed-arms_23-2148095675.jpg", alt: "Aisha Ahmed" },
-            { src: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-city_839833-7650.jpg", alt: "Hana Martinez" },
-            { src: "http://img.b2bpic.net/free-photo/high-angle-modern-woman-talking-phone_23-2148415865.jpg", alt: "Emma Wilson" }
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="faq" data-section="faq">
         <FaqSplitMedia
           title="Frequently Asked Questions"
@@ -180,9 +161,6 @@ export default function LandingPage() {
             {
               id: "faq-4",              title: "What makes Japanese nails different?",              content: "Japanese nail art emphasizes precision, minimalism, and natural beauty. Our artists use advanced techniques to create intricate designs with impeccable attention to detail."
             },
-            {
-              id: "faq-5",              title: "Is the salon clean and hygienic?",              content: "Absolutely. We follow strict international hygiene standards. All tools are sterilized, and we maintain a pristine, serene environment for your safety and comfort."
-            },
             {
               id: "faq-6",              title: "Do you offer custom color matching?",              content: "Yes! We work with you to find the perfect shades and designs that match your skin tone and style preferences. Personalization is at the heart of our service."
             }
@@ -191,17 +169,21 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Get in Touch"
-          title="Visit Us Today"
-          description="Unit 12, First Floor, Al Barsha Mall | 23rd Street, Al Barsha 2, Dubai | Beside Al Barsha Pond Park\n\nPhone: +971 4 340 7171\nWhatsApp: Available\n\nSun–Thu: 10:15 AM – 7:00 PM\nFri–Sat: 12:15 PM – 9:00 PM"
+        <ContactSplit
+          tag="Location & Contact"
+          title="Visit Our Location"
+          description="Unit 12, First Floor, Al Barsha Mall, 23rd Street, Al Barsha 2, Dubai — Beside Al Barsha Pond Park. We're open to welcome you with authentic Japanese hospitality."
+          mediaPosition="left"
+          mediaAnimation="blur-reveal"
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AT21DDEbCUKElwIvjwYyyd5jJX/uploaded-1773735263329-p8fqropj.jpg"
+          imageAlt="Ginza Beauty Salon Location"
+          background={{ variant: "plain" }}
           tagIcon={MapPin}
           tagAnimation="slide-up"
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
+          buttonText="Get In Touch"
           inputPlaceholder="Enter your email"
-          buttonText="Book Appointment"
-          termsText="By booking with us, you agree to our terms and confirm your appointment details will be used to contact you."
+          onSubmit={() => {}}
         />
       </div>
 
@@ -219,14 +201,13 @@ export default function LandingPage() {
             {
               title: "Company",              items: [
                 { label: "About Us", href: "#about" },
-                { label: "Why Ginza Beauty", href: "#features" },
-                { label: "Reviews", href: "#testimonials" }
+                { label: "Our Features", href: "#features" }
               ]
             },
             {
               title: "Support",              items: [
                 { label: "FAQ", href: "#faq" },
-                { label: "Contact Us", href: "#contact" },
+                { label: "Location", href: "#contact" },
                 { label: "Aftercare Guide", href: "#" }
               ]
             },

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #fffafa;
   --card: #fff7f7;
   --foreground: #1a0000;
-  --primary-cta: #e63946;
+  --primary-cta: #ebb4ba;
   --primary-cta-text: #fffafa;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1a0000;
-  --accent: #f5c4c7;
-  --background-accent: #f09199;
+  --accent: #ebb4ba;
+  --background-accent: #ebb4ba;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);