Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -28,42 +28,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Services", id: "services" },
-        {
+        { name: "Team", id: "team" },
-          name: "Services",          id: "services"},
+        { name: "FAQ", id: "faq" },
-        {
-          name: "Team",          id: "team"},
-        {
-          name: "FAQ",          id: "faq"},
       ]}
-      brandName="CK Fades"
+      brandName="Barber Studio"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+      title="Modern Barbering"
-      title="Premium Barbering in Roselle"
+      description="Experience the perfect blend of traditional craftsmanship and modern style."
-      description="Experience the perfect blend of traditional craftsmanship and modern style at CK Fades."
       buttons={[
-        {
+        { text: "Book Now", href: "#contact" },
-          text: "Book Now",          href: "#contact"},
       ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/indoors-conference-space-business-chair_1203-4121.jpg", imageAlt: "Barber shop interior" },
-          imageSrc: "http://img.b2bpic.net/free-photo/indoors-conference-space-business-chair_1203-4121.jpg",          imageAlt: "Barber shop interior"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg", imageAlt: "Clean fade haircut" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-elements_23-2147538780.jpg", imageAlt: "Barber tools" },
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg",          imageAlt: "Clean fade haircut"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-elements_23-2147538780.jpg",          imageAlt: "Barber tools"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg",          imageAlt: "Client getting haircut"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-japanese-culture-house-entrance_23-2149301054.jpg",          imageAlt: "Storefront"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg",          imageAlt: "Professional barber"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -75,24 +60,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "cut", tag: "Popular", price: "$30", period: "per cut", description: "Classic cut with a modern finish.", button: { text: "Book" }, featuresTitle: "Includes", features: ["Consultation", "Haircut", "Hot Towel", "Neck Shave"] },
-          id: "cut",          tag: "Popular",          price: "$30",          period: "per cut",          description: "Classic cut with a modern finish.",          button: {
+        { id: "beard", tag: "Grooming", price: "$25", period: "service", description: "Precision beard trim and maintenance.", button: { text: "Book" }, featuresTitle: "Includes", features: ["Beard Trim", "Line Up", "Moisturizing Oil"] },
-            text: "Book"},
+        { id: "full", tag: "Elite", price: "$50", period: "combo", description: "Full haircut and beard service.", button: { text: "Book" }, featuresTitle: "Includes", features: ["Haircut", "Beard Trim", "Face Massage", "Styling"] },
-          featuresTitle: "Includes",          features: [
-            "Consultation",            "Haircut",            "Hot Towel",            "Neck Shave"],
-        },
-        {
-          id: "beard",          tag: "Grooming",          price: "$25",          period: "service",          description: "Precision beard trim and maintenance.",          button: {
-            text: "Book"},
-          featuresTitle: "Includes",          features: [
-            "Beard Trim",            "Line Up",            "Moisturizing Oil"],
-        },
-        {
-          id: "full",          tag: "Elite",          price: "$50",          period: "combo",          description: "Full haircut and beard service.",          button: {
-            text: "Book"},
-          featuresTitle: "Includes",          features: [
-            "Haircut",            "Beard Trim",            "Face Massage",            "Styling"],
-        },
       ]}
       title="Our Services"
       description="Precision cuts and grooming for every style."
@@ -105,14 +75,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       team={[
-        {
+        { id: "barber-1", name: "Master Barber", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageAlt: "Barber" },
-          id: "barber-1",          name: "Chris K.",          role: "Head Barber",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",          imageAlt: "Barber Chris"},
+        { id: "barber-2", name: "Senior Stylist", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-uniform-writing-something-clipboard-isolated-orange-wall_141793-82572.jpg", imageAlt: "Barber" },
-        {
-          id: "barber-2",          name: "Mike J.",          role: "Senior Barber",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-uniform-writing-something-clipboard-isolated-orange-wall_141793-82572.jpg",          imageAlt: "Barber Mike"},
-        {
-          id: "barber-3",          name: "Alex R.",          role: "Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/beard-asian-man-casual-wear-posing-indoor-cafe_627829-14182.jpg",          imageAlt: "Barber Alex"},
       ]}
-      title="Meet Your Barbers"
+      title="Meet The Team"
       description="Professional artists dedicated to your style."
     />
   </div>
@@ -122,18 +88,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", title: "Great atmosphere", quote: "Best haircut in the city. Always gets it right.", name: "Client A", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=1" },
-          id: "t1",          title: "Great atmosphere",          quote: "Best haircut in Roselle. Chris always gets it right.",          name: "John D.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=1"},
+        { id: "t2", title: "Solid service", quote: "Professional, clean shop, and great vibes.", name: "Client B", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lively-conversation-sidewalk-cafe-one-adorable-couple_273609-6620.jpg" },
-        {
-          id: "t2",          title: "Solid service",          quote: "Professional, clean shop, and great vibes.",          name: "Sarah W.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lively-conversation-sidewalk-cafe-one-adorable-couple_273609-6620.jpg"},
-        {
-          id: "t3",          title: "Highly recommend",          quote: "I won't go anywhere else. Top notch fades.",          name: "David M.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-stretching-hands-camera_176420-12617.jpg"},
-        {
-          id: "t4",          title: "Consistent",          quote: "Always walk out feeling refreshed. 5 stars.",          name: "Kevin L.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-cool-juice-sitting-cafe-outdoors_613910-6697.jpg"},
-        {
-          id: "t5",          title: "Top tier",          quote: "The attention to detail here is unmatched in the area.",          name: "Mark P.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=2"},
       ]}
-      title="What Our Clients Say"
+      title="Client Reviews"
       description="Don't just take our word for it."
     />
   </div>
@@ -143,12 +101,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Do I need an appointment?", content: "We recommend booking online, but walk-ins are welcome if space is available." },
-          id: "f1",          title: "Do I need an appointment?",          content: "We recommend booking online, but walk-ins are welcome if space is available."},
+        { id: "f2", title: "What payments are accepted?", content: "We accept cash, credit cards, and major digital payments." },
-        {
-          id: "f2",          title: "Where are you located?",          content: "We are located right in the heart of Roselle, IL."},
-        {
-          id: "f3",          title: "What payments are accepted?",          content: "We accept cash, credit cards, and major digital payments."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg"
       mediaAnimation="slide-up"
@@ -161,32 +115,10 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
-          items: [
+        { items: [{ label: "Contact", href: "#" }] },
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "Services",              href: "#services"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Book Now",              href: "#contact"},
-            {
-              label: "Contact",              href: "#"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
       ]}
-      logoText="CK Fades"
+      logoText="Barber Studio"
     />
   </div>
       </ReactLenis>