Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Services", id: "#services" },
+        { name: "Services", id: "/services" },
         { name: "About", id: "#about" },
         { name: "Reviews", id: "#testimonials" },
         { name: "Contact", id: "#contact" },
@@ -51,7 +51,7 @@ export default function LandingPage() {
         { text: "Book Appointment Online", href: "#contact" },
       ]}
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/vintage-room-with-wooden-table_1203-564.jpg", imageAlt: "Modern welcoming salon interior" },
+        { videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=1", imageAlt: "Modern welcoming salon interior" },
         { imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "Professional stylist working" }
       ]}
       mediaAnimation="slide-up"
@@ -97,9 +97,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        { title: "Haircuts & Styling", description: "Precision cuts tailored to your unique face shape and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/female-barber-drying-head-customer_23-2147737074.jpg", imageAlt: "Haircuts and styling" },
-        { title: "Custom Color", description: "Balayage, highlights, and expert color services to refresh your look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg", imageAlt: "Custom hair color" },
-        { title: "Curly Hair Expertise", description: "Specialized treatments and cuts specifically for curly and thick hair.", imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg", imageAlt: "Curly hair services" },
+        { title: "Haircuts & Styling", description: "Precision cuts tailored to your unique face shape and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/female-barber-drying-head-customer_23-2147737074.jpg?_wi=1", imageAlt: "Haircuts and styling" },
+        { title: "Custom Color", description: "Balayage, highlights, and expert color services to refresh your look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg?_wi=1", imageAlt: "Custom hair color" },
+        { title: "Curly Hair Expertise", description: "Specialized treatments and cuts specifically for curly and thick hair.", imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg?_wi=1", imageAlt: "Curly hair services" },
       ]}
       title="Our Professional Services"
       description="From precision cuts to custom color, we deliver personalized care."
@@ -127,7 +127,7 @@ export default function LandingPage() {
         { id: "1", brand: "Style", name: "Transformation 1", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg" },
         { id: "2", brand: "Style", name: "Transformation 2", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-studio-fashion-portrait_1301-4486.jpg" },
         { id: "3", brand: "Style", name: "Transformation 3", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
-        { id: "4", brand: "Style", name: "Transformation 4", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg" },
+        { id: "4", brand: "Style", name: "Transformation 4", price: "", rating: 5, reviewCount: "1", imageSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=2" },
         { id: "5", brand: "Style", name: "Transformation 5", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-teaching-sign-language_23-2148803694.jpg" },
         { id: "6", brand: "Style", name: "Transformation 6", price: "", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/women-make-up-stand-each-other-apply-hair-rollers-mascara-use-eyelashes-curler-prepare-special-occasion-want-look-beautiful_273609-52775.jpg" },
       ]}
@@ -167,7 +167,7 @@ export default function LandingPage() {
         },
         {
           title: "Links",          items: [
-            { label: "Services", href: "#services" },
+            { label: "Services", href: "/services" },
             { label: "About", href: "#about" },
             { label: "Book Now", href: "#contact" },
           ],

src/app/services/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/#about" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Wiyanna’s Salon & Co."
+        />
+        
+        <div className="pt-32 pb-20">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Services"
+            description="Explore our comprehensive range of professional hair care services."
+            features={[
+              { title: "Professional Haircuts", description: "Tailored styles for every hair type.", imageSrc: "http://img.b2bpic.net/free-photo/female-barber-drying-head-customer_23-2147737074.jpg?_wi=2" },
+              { title: "Color Services", description: "Balayage, highlights, and full color transformations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg?_wi=2" },
+              { title: "Curly Hair Specialist", description: "Expert care for curly and thick hair textures.", imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg?_wi=2" },
+            ]}
+          />
+        </div>
+
+        <FooterBase
+          columns={[
+            { title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }] },
+            { title: "Contact", items: [{ label: "(706) 232-4247", href: "tel:7062324247" }] }
+          ]}
+          logoText="Wiyanna’s Salon & Co."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}