Update src/app/page.tsx

Merge version_2 into main

src/app/admin/dashboard/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { LayoutDashboard, Users, Scissors, TrendingUp } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <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 className="min-h-screen bg-background p-8">
+        <h1 className="text-3xl font-bold mb-8">Admin Dashboard</h1>
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
+          {[
+            { icon: LayoutDashboard, title: "Overview" },
+            { icon: Users, title: "Clients" },
+            { icon: Scissors, title: "Services" },
+            { icon: TrendingUp, title: "Analytics" }
+          ].map((item) => (
+            <div key={item.title} className="p-6 rounded-lg bg-card border shadow-sm">
+              <item.icon className="mb-4 text-accent" />
+              <h2 className="font-semibold">{item.title}</h2>
+            </div>
+          ))}
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Login",
-          id: "login",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "About", id: "about" },
+        { name: "Admin", id: "/admin/dashboard" },
       ]}
       brandName="Elegance Salon"
     />
@@ -54,46 +42,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Experience Timeless Beauty"
       description="Unlock exclusive rewards, book your session, and manage your beauty journey with Elegance Salon."
       buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-        {
-          text: "Login",
-          href: "#",
-        },
+        { text: "Book Now", href: "#contact" },
+        { text: "Login", href: "#" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg?_wi=1",
-          imageAlt: "Salon Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1",
-          imageAlt: "Spa Treatment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=1",
-          imageAlt: "Professional Service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
-          imageAlt: "Salon Setup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4199.jpg",
-          imageAlt: "Spa Room",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg",
-          imageAlt: "Expertise",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg?_wi=1", imageAlt: "Salon Interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1", imageAlt: "Spa Treatment" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=1", imageAlt: "Professional Service" },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -106,42 +65,8 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
-          id: "s1",
-          name: "Hydrating Facial",
-          price: "$85",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263208.jpg",
-        },
-        {
-          id: "s2",
-          name: "Luxury Manicure",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg",
-        },
-        {
-          id: "s3",
-          name: "Deep Tissue Massage",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/drag-queen-accessory-with-feathers_23-2149434565.jpg",
-        },
-        {
-          id: "s4",
-          name: "Hair Coloring",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-hands-posing-with-plants_23-2149628187.jpg",
-        },
-        {
-          id: "s5",
-          name: "Full Body Waxing",
-          price: "$90",
-          imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg",
-        },
-        {
-          id: "s6",
-          name: "Bridal Makeup",
-          price: "$200",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg",
-        },
+        { id: "s1", name: "Hydrating Facial", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263208.jpg" },
+        { id: "s2", name: "Luxury Manicure", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg" },
       ]}
       title="Our Signature Services"
       description="Premium treatments tailored to bring out your inner and outer glow."
@@ -154,18 +79,8 @@ export default function LandingPage() {
       title="About Elegance Salon"
       description="Dedicated to enhancing your natural beauty with premium products and personalized care in a relaxing environment."
       metrics={[
-        {
-          value: "10k+",
-          title: "Happy Clients",
-        },
-        {
-          value: "5+",
-          title: "Expert Stylists",
-        },
-        {
-          value: "12",
-          title: "Years Experience",
-        },
+        { value: "10k+", title: "Happy Clients" },
+        { value: "5+", title: "Expert Stylists" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-lying-lounger-wellness-center_23-2147867939.jpg?_wi=1"
       imageAlt="Salon About"
@@ -180,21 +95,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Star,
-          title: "Bronze Tier",
-          description: "Start earning points on every service booking.",
-        },
-        {
-          icon: Award,
-          title: "Silver Tier",
-          description: "Unlock 10% discount on selected beauty products.",
-        },
-        {
-          icon: Sparkles,
-          title: "Gold Tier",
-          description: "Priority booking and exclusive birthday surprises.",
-        },
+        { icon: Star, title: "Bronze Tier", description: "Start earning points on every service booking." },
+        { icon: Award, title: "Silver Tier", description: "Unlock 10% discount on selected beauty products." },
       ]}
       title="Exclusive Loyalty Perks"
       description="Join our membership program to earn rewards with every visit. Tiered status means more savings."
@@ -206,61 +108,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          date: "Oct 2023",
-          title: "Great Service",
-          quote: "The most professional salon experience I've had. My skin feels amazing!",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg?_wi=2",
-          imageAlt: "happy beauty salon client portrait",
-        },
-        {
-          id: "2",
-          name: "Emily Chen",
-          date: "Sept 2023",
-          title: "Amazing Results",
-          quote: "The rewards system is so easy to use, and I love the Gold tier perks.",
-          tag: "Gold Member",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=2",
-          imageAlt: "happy beauty salon client portrait",
-        },
-        {
-          id: "3",
-          name: "Jessica Lee",
-          date: "Aug 2023",
-          title: "Highly Recommend",
-          quote: "My go-to place for monthly facials and hair care. Simply perfection.",
-          tag: "Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=2",
-          imageAlt: "happy beauty salon client portrait",
-        },
-        {
-          id: "4",
-          name: "Amanda Smith",
-          date: "July 2023",
-          title: "Top Notch",
-          quote: "Incredible expertise and welcoming staff. Definitely coming back.",
-          tag: "VIP",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-lying-lounger-wellness-center_23-2147867939.jpg?_wi=2",
-          imageAlt: "happy beauty salon client portrait",
-        },
-        {
-          id: "5",
-          name: "Chloe Johnson",
-          date: "June 2023",
-          title: "Total Refresh",
-          quote: "The loyalty points accumulate so quickly! Love the transparency.",
-          tag: "Silver Member",
-          avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-women-having-fun-summertime_23-2149479134.jpg",
-          imageAlt: "happy beauty salon client portrait",
-        },
+        { id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Great Service", quote: "The most professional salon experience I've had. My skin feels amazing!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg" },
       ]}
       title="Loved by Our Community"
       description="Hear what our loyal clients have to say about their experience with us."
@@ -273,21 +121,7 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Camera,
-          title: "Radiant Skin",
-          description: "Stunning results from our signature facial treatments.",
-        },
-        {
-          icon: Sparkles,
-          title: "Hair Makeovers",
-          description: "Healthy, vibrant hair color transformations.",
-        },
-        {
-          icon: Award,
-          title: "Nail Art",
-          description: "Exquisite nail designs for every occasion.",
-        },
+        { icon: Camera, title: "Radiant Skin", description: "Stunning results from our signature facial treatments." },
       ]}
       title="Our Transformations"
       description="Take a peek at our before and after gallery showing real results."
@@ -299,21 +133,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I join the loyalty program?",
-          content: "Simply register your phone number at the counter and start earning on your next visit.",
-        },
-        {
-          id: "q2",
-          title: "How can I check my points?",
-          content: "Log in to your dashboard to view your current points and membership level instantly.",
-        },
-        {
-          id: "q3",
-          title: "Can I transfer my points?",
-          content: "Points are non-transferable and are linked to your unique member account.",
-        },
+        { id: "q1", title: "How do I join the loyalty program?", content: "Simply register your phone number at the counter and start earning on your next visit." },
       ]}
       title="Common Questions"
       description="Have questions about your loyalty account or services? We have answers."
@@ -322,85 +142,31 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready for your beauty transformation? Visit us today or chat with us on WhatsApp."
-      buttons={[
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/yournumber",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+1234567890",
-        },
-      ]}
-    />
+      <ContactSplitForm
+        title="Get in Touch"
+        description="Have questions or want to book a session? Send us a message and we'll be in touch."
+        inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true }
+        ]}
+        textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
+        onSubmit={(data) => console.log("Form submitted:", data)}
+        useInvertedBackground={true}
+        imageSrc="http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg?_wi=1"
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Elegance Salon"
       columns={[
-        {
-          title: "Salon",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Gallery",
-              href: "#gallery",
-            },
-          ],
-        },
-        {
-          title: "Loyalty",
-          items: [
-            {
-              label: "My Account",
-              href: "#",
-            },
-            {
-              label: "Rewards",
-              href: "#rewards",
-            },
-            {
-              label: "FAQs",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Location",
-              href: "#",
-            },
-            {
-              label: "WhatsApp",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Salon", items: [{ label: "Services", href: "#services" }] },
+        { title: "Admin", items: [{ label: "Dashboard", href: "/admin/dashboard" }] },
       ]}
-      copyrightText="© 2024 Elegance Salon. All rights reserved."
+      copyrightText="© 2025 Elegance Salon. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}