Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -5,10 +5,10 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { Award, CheckCircle, Scissors, Star, User, Zap } from "lucide-react";
 
@@ -30,66 +30,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Our Story",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "The Team",          id: "team"},
-        {
-          name: "Reviews",          id: "reviews"},
-        {
-          name: "Location",          id: "location"},
+        { name: "Our Story", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "The Team", id: "team" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Location", id: "location" },
       ]}
-      brandName="SH CUTZ"
-      button={{
-        text: "Book Now",        href: "#booking"}}
+      brandName="SH CUTZ "
+      button={{ text: "Book Now", href: "#booking" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
+      <HeroBillboard
       title="Precision. Craft. Character."
       description="Where every cut is a conversation, and every client leaves looking their best. Est. The Danforth, Toronto."
-      testimonials={[
-        {
-          name: "Shubham A.",          handle: "Local Client",          testimonial: "He really takes his time to understand what you want. Best cut in the city.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=1",          imageAlt: "modern luxury barbershop interior dark"},
-        {
-          name: "Paul S.",          handle: "Local Client",          testimonial: "I left feeling fresh and confident. Amazing service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=2",          imageAlt: "barber cutting hair professional"},
-        {
-          name: "Kyle P.",          handle: "Local Client",          testimonial: "Best haircut I've had in years. Will be a regular.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=1",          imageAlt: "professional barber smiling"},
-        {
-          name: "Nirmal S.K.",          handle: "Local Client",          testimonial: "The attention to detail and vibe here are unmatched.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=1",          imageAlt: "modern barber workspace portrait"},
-        {
-          name: "Dion A.",          handle: "Local Client",          testimonial: "Very particular with details for a sharp, clean look.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",          imageAlt: "man with stylish haircut"},
-      ]}
+      background={{ variant: "sparkles-gradient" }}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0TjRXebOoJge9Z6e1toMB7ddV/uploaded-1775523797814-4ztdzzfy.jpg"
       buttons={[
-        {
-          text: "Book Appointment",          href: "#booking"},
-        {
-          text: "View Services",          href: "#services"},
+        { text: "Book Appointment", href: "#booking" },
+        { text: "View Services", href: "#services" },
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0TjRXebOoJge9Z6e1toMB7ddV/uploaded-1775523888150-xc9a85ne.jpg"
-      showDimOverlay={true}
-      showBlur={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",          alt: "Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg",          alt: "Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg",          alt: "Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg",          alt: "Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg",          alt: "Client 5"},
-      ]}
-      avatarText="Join our 500+ happy clients"
     />
   </div>
 
@@ -97,10 +58,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="More Than Just A Haircut."
-      buttons={[
-        {
-          text: "Visit Our Shop",          href: "#location"},
-      ]}
+      buttons={[{ text: "Visit Our Shop", href: "#location" }]}
     />
   </div>
 
@@ -111,42 +69,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Classic Haircut",          description: "Tailored to your style and preferences with a professional touch.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg",            imageAlt: "Classic haircut"},
-          items: [
-            {
-              icon: Scissors,
-              text: "Precise cut"},
-            {
-              icon: User,
-              text: "Personalized consultation"},
-          ],
+          title: "Classic Haircut",          description: "Tailored to your style and preferences with a professional touch.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg?_wi=1", imageAlt: "Classic haircut" },
+          items: [{ icon: Scissors, text: "Precise cut" }, { icon: User, text: "Personalized consultation" }],
           reverse: false,
         },
         {
-          title: "Skin Fade",          description: "Clean, sharp, and signature precision for a modern aesthetic.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg",            imageAlt: "Skin fade"},
-          items: [
-            {
-              icon: Zap,
-              text: "Modern look"},
-            {
-              icon: CheckCircle,
-              text: "Sharp edges"},
-          ],
+          title: "Skin Fade",          description: "Clean, sharp, and signature precision for a modern aesthetic.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", imageAlt: "Skin fade" },
+          items: [{ icon: Zap, text: "Modern look" }, { icon: CheckCircle, text: "Sharp edges" }],
           reverse: true,
         },
         {
-          title: "Beard Grooming",          description: "Sculpted to suit your jawline perfectly with premium products.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg",            imageAlt: "Beard grooming"},
-          items: [
-            {
-              icon: Award,
-              text: "Detail focused"},
-            {
-              icon: Star,
-              text: "Professional care"},
-          ],
+          title: "Beard Grooming",          description: "Sculpted to suit your jawline perfectly with premium products.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", imageAlt: "Beard grooming" },
+          items: [{ icon: Award, text: "Detail focused" }, { icon: Star, text: "Professional care" }],
           reverse: false,
         },
       ]}
@@ -162,12 +96,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "1",          name: "Semir",          role: "Founder & Master Barber",          description: "Mastering the craft with years of experience and sharp precision.",          imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=2"},
-        {
-          id: "2",          name: "Efe",          role: "Style Specialist",          description: "Energy, style, and precision for every unique client.",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=2"},
-        {
-          id: "3",          name: "Join Us",          role: "Looking for barbers",          description: "We are growing. Join our team of experts.",          imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=3"},
+        { id: "1", name: "Semir", role: "Founder & Master Barber", description: "Mastering the craft with years of experience and sharp precision.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=2" },
+        { id: "2", name: "Efe", role: "Style Specialist", description: "Energy, style, and precision for every unique client.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=2" },
+        { id: "3", name: "Join Us", role: "Looking for barbers", description: "We are growing. Join our team of experts.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=3" },
       ]}
       title="The Craftsmen"
       description="Meet the team that keeps the Danforth looking sharp."
@@ -175,39 +106,27 @@ export default function LandingPage() {
   </div>
 
   <div id="reviews" data-section="reviews">
-      <TestimonialCardFifteen
+      <TestimonialCardTwo
+      title="What Our Clients Say"
+      description="Real stories from those who trust us with their look."
+      animationType="blur-reveal"
+      textboxLayout="default"
       useInvertedBackground={false}
-      testimonial="I left feeling fresh and confident. Amazing service from Sam and the team. Highly recommend this place."
-      rating={5}
-      author="Paul S."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",          alt: "Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg",          alt: "Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg",          alt: "Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg",          alt: "Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg",          alt: "Client 5"},
+      testimonials={[
+        { id: "1", name: "Paul S.", role: "Local Client", testimonial: "I left feeling fresh and confident. Amazing service from Sam and the team. Highly recommend this place.", imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg?_wi=2" },
+        { id: "2", name: "Shubham A.", role: "Local Client", testimonial: "He really takes his time to understand what you want. Best cut in the city.", imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=1" }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal"}}
+      background={{ variant: "canvas-reveal" }}
       text="Ready to get looking sharp? Book your appointment at SH Cutz today."
       buttons={[
-        {
-          text: "Call Now",          href: "tel:+1416"},
-        {
-          text: "Email Us",          href: "mailto:shcutz@gmail.com"},
+        { text: "Call Now", href: "tel:+1416" },
+        { text: "Email Us", href: "mailto:shcutz@gmail.com" },
       ]}
     />
   </div>
@@ -219,32 +138,23 @@ export default function LandingPage() {
       columns={[
         {
           title: "Navigate",          items: [
-            {
-              label: "Our Story",              href: "#about"},
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "The Team",              href: "#team"},
-            {
-              label: "Reviews",              href: "#reviews"},
-            {
-              label: "Location",              href: "#location"},
+            { label: "Our Story", href: "#about" },
+            { label: "Services", href: "#services" },
+            { label: "The Team", href: "#team" },
+            { label: "Reviews", href: "#reviews" },
+            { label: "Location", href: "#location" },
           ],
         },
         {
           title: "Hours",          items: [
-            {
-              label: "Mon-Sat: 9am-7pm",              href: "#"},
-            {
-              label: "Sun: 10am-5pm",              href: "#"},
+            { label: "Mon-Sat: 9am-7pm", href: "#" },
+            { label: "Sun: 10am-5pm", href: "#" },
           ],
         },
         {
           title: "Connect",          items: [
-            {
-              label: "Book Now",              href: "#booking"},
-            {
-              label: "Privacy Policy",              href: "#"},
+            { label: "Book Now", href: "#booking" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #1A1A18;
-  --card: #2C2C28;
-  --foreground: #F5F0E8;
+  --card: #9a9292;
+  --foreground: #dedada;
   --primary-cta: #C9A84C;
   --primary-cta-text: #1A1A18;
   --secondary-cta: #3E3E38;
   --secondary-cta-text: #F5F0E8;
-  --accent: #6B6860;
-  --background-accent: #1A1A18;
+  --accent: #78746d;
+  --background-accent: #000000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);