Merge version_4 into main

Update src/app/page.tsx
2026-04-27 08:54:34 +00:00 · 2026-04-27 08:54:31 +00:00 · 2026-04-26 08:51:54 +00:00 · 2026-04-26 08:51:51 +00:00 · 2026-04-26 07:33:14 +00:00 · 2026-04-26 07:33:11 +00:00
1 changed files with 61 additions and 207 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
        {
-          name: "Gallery",
-          id: "gallery",
-        },
+          name: "Gallery",          id: "gallery"},
        {
-          name: "Book Now",
-          id: "booking",
-        },
+          name: "Book Now",          id: "booking"},
      ]}
      brandName="Nailbar Thảo Điền"
    />
@@ -54,66 +46,41 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
-        variant: "radial-gradient",
-      }}
-      title="Nailbar Thảo Điền"
+        variant: "radial-gradient"}}
+      title="Premium Nail Art & Relaxing Care in Thảo Điền"
      description="Premium nail care in a calm, modern space in the heart of Thảo Điền."
      buttons={[
        {
-          text: "Book an Appointment",
-          href: "#booking",
-        },
+          text: "Book an Appointment",          href: "#booking"},
        {
-          text: "View Services",
-          href: "#services",
-        },
+          text: "View Services",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/elevated-view-blank-notepad-surrounded-by-multi-colored-nail-varnish-bottle-yellow-background_23-2147970917.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
-          alt: "Woman smiling",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",          alt: "Woman smiling"},
        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
-          alt: "Portrait of smiling girl",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",          alt: "Portrait of smiling girl"},
        {
-          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-          alt: "Successful young man",
-        },
+          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          alt: "Successful young man"},
        {
-          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-          alt: "Front view of cute girl",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",          alt: "Front view of cute girl"},
        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
-          alt: "Close-up smiley man",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",          alt: "Close-up smiley man"},
      ]}
      avatarText="Loved by our community"
      marqueeItems={[
        {
-          type: "text",
-          text: "Premium Salon",
-        },
+          type: "text",          text: "Premium Salon"},
        {
-          type: "text",
-          text: "Modern Aesthetic",
-        },
+          type: "text",          text: "Modern Aesthetic"},
        {
-          type: "text",
-          text: "Expert Technicians",
-        },
+          type: "text",          text: "Expert Technicians"},
        {
-          type: "text",
-          text: "Hygienic Environment",
-        },
+          type: "text",          text: "Hygienic Environment"},
        {
-          type: "text",
-          text: "Thảo Điền Based",
-        },
+          type: "text",          text: "Thảo Điền Based"},
      ]}
    />
  </div>
@@ -126,17 +93,11 @@ export default function LandingPage() {
      description="We blend premium nail care with a modern, relaxing aesthetic. Our studio provides a dedicated retreat from the busy city streets of Thảo Điền."
      bulletPoints={[
        {
-          title: "Hygienic Tools",
-          description: "Strict sterilization protocols for every client.",
-        },
+          title: "Hygienic Tools",          description: "Strict sterilization protocols for every client."},
        {
-          title: "Skilled Technicians",
-          description: "Expert hands focused on precision and beauty.",
-        },
+          title: "Skilled Technicians",          description: "Expert hands focused on precision and beauty."},
        {
-          title: "Relaxing Environment",
-          description: "Calm, modern interiors for a peaceful escape.",
-        },
+          title: "Relaxing Environment",          description: "Calm, modern interiors for a peaceful escape."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-ski-resort-used-winter-sports_482257-76560.jpg"
      mediaAnimation="blur-reveal"
@@ -150,44 +111,20 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          id: "m1",
-          label: "Care",
-          title: "Manicure",
-          items: [
-            "Classic Manicure",
-            "Spa Manicure",
-            "Paraffin Treatment",
-          ],
+          id: "m1",          label: "Care",          title: "Manicure",          items: [
+            "Classic Manicure",            "Spa Manicure",            "Paraffin Treatment"],
        },
        {
-          id: "m2",
-          label: "Care",
-          title: "Pedicure",
-          items: [
-            "Classic Pedicure",
-            "Spa Pedicure",
-            "Heel Treatment",
-          ],
+          id: "m2",          label: "Care",          title: "Pedicure",          items: [
+            "Classic Pedicure",            "Spa Pedicure",            "Heel Treatment"],
        },
        {
-          id: "m3",
-          label: "Art",
-          title: "Gel Nails",
-          items: [
-            "Gel Polish",
-            "Gel Extensions",
-            "Removal",
-          ],
+          id: "m3",          label: "Art",          title: "Gel Nails",          items: [
+            "Gel Polish",            "Gel Extensions",            "Removal"],
        },
        {
-          id: "m4",
-          label: "Art",
-          title: "Nail Art",
-          items: [
-            "Custom Designs",
-            "Gemstones",
-            "Minimalist Art",
-          ],
+          id: "m4",          label: "Art",          title: "Nail Art",          items: [
+            "Custom Designs",            "Gemstones",            "Minimalist Art"],
        },
      ]}
      title="Our Services"
@@ -203,50 +140,20 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          name: "Nude Minimalist",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg",
-        },
+          id: "p1",          name: "Nude Minimalist",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg"},
        {
-          id: "p2",
-          name: "Soft Pink Gel",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-hands-form-support_23-2150693570.jpg",
-        },
+          id: "p2",          name: "Soft Pink Gel",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-hands-form-support_23-2150693570.jpg"},
        {
-          id: "p3",
-          name: "Classic French",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262923.jpg",
-        },
+          id: "p3",          name: "Classic French",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262923.jpg"},
        {
-          id: "p4",
-          name: "Floral Accents",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg",
-        },
+          id: "p4",          name: "Floral Accents",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg"},
        {
-          id: "p5",
-          name: "Modern Art",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-beautiful-manicure_23-2149311588.jpg",
-        },
+          id: "p5",          name: "Modern Art",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-beautiful-manicure_23-2149311588.jpg"},
        {
-          id: "p6",
-          name: "Detail Work",
-          price: "Featured",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hand-with-glitter-manicure_127675-2812.jpg",
-        },
+          id: "p6",          name: "Detail Work",          price: "Featured",          variant: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hand-with-glitter-manicure_127675-2812.jpg"},
      ]}
-      title="Nail Artistry Gallery"
-      description="A glimpse into our recent work and studio style."
+      title="Our Signature Designs"
+      description="Browse our curated nail art styles."
    />
  </div>

@@ -257,59 +164,28 @@ export default function LandingPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "t1",
-          name: "Linh Nguyen",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
-        },
+          id: "t1",          name: "Linh Nguyen",          role: "Client",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg"},
        {
-          id: "t2",
-          name: "Sarah J.",
-          role: "Client",
-          company: "Expats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
+          id: "t2",          name: "Sarah J.",          role: "Client",          company: "Expats",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
        {
-          id: "t3",
-          name: "Minh Anh",
-          role: "Client",
-          company: "Digital Nomad",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-beauty-salon-cosmetology-office-lies-bed-relaxes-with-mask_343596-4261.jpg",
-        },
+          id: "t3",          name: "Minh Anh",          role: "Client",          company: "Digital Nomad",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-beauty-salon-cosmetology-office-lies-bed-relaxes-with-mask_343596-4261.jpg"},
        {
-          id: "t4",
-          name: "Elena K.",
-          role: "Client",
-          company: "Thảo Điền",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg",
-        },
+          id: "t4",          name: "Elena K.",          role: "Client",          company: "Thảo Điền",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg"},
        {
-          id: "t5",
-          name: "Chloe B.",
-          role: "Client",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
-        },
+          id: "t5",          name: "Chloe B.",          role: "Client",          company: "Visitor",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg"},
      ]}
      kpiItems={[
        {
-          value: "100+",
-          label: "Happy Clients",
-        },
+          value: "100+",          label: "Happy Clients"},
        {
-          value: "5.0",
-          label: "Average Rating",
-        },
+          value: "5.0",          label: "Average Rating"},
        {
-          value: "10",
-          label: "Expert Techs",
-        },
+          value: "10",          label: "Expert Techs"},
      ]}
      title="Client Experiences"
      description="What our clients love about us."
@@ -321,20 +197,11 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "loc-1",
-          title: "Address",
-          content: "123 Thảo Điền Street, District 2, Ho Chi Minh City",
-        },
+          id: "loc-1",          title: "Address",          content: "123 Thảo Điền Street, District 2, Ho Chi Minh City"},
        {
-          id: "loc-2",
-          title: "Opening Hours",
-          content: "Mon - Sun: 9:00 AM - 8:00 PM",
-        },
+          id: "loc-2",          title: "Opening Hours",          content: "Mon - Sun: 9:00 AM - 8:00 PM"},
        {
-          id: "loc-3",
-          title: "Parking",
-          content: "Convenient parking available in front of the salon.",
-        },
+          id: "loc-3",          title: "Parking",          content: "Convenient parking available in front of the salon."},
      ]}
      sideTitle="Location & Hours"
      sideDescription="Visit us in Thảo Điền for a moment of peace."
@@ -346,8 +213,7 @@ export default function LandingPage() {
      <ContactCenter
      useInvertedBackground={false}
      background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
      tag="Contact Us"
      title="Book Your Appointment"
      description="Ready for premium care? Send us your details to request an opening."
@@ -360,33 +226,21 @@ export default function LandingPage() {
      <FooterBase
      columns={[
        {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
            {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
            {
-              label: "Gallery",
-              href: "#gallery",
-            },
+              label: "Gallery",              href: "#gallery"},
            {
-              label: "Booking",
-              href: "#booking",
-            },
+              label: "Booking",              href: "#booking"},
          ],
        },
        {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
            {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
            {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
          ],
        },
      ]}
Author	SHA1	Message	Date
bender	f71576a989	Merge version_4 into main Merge version_4 into main	2026-04-27 08:54:34 +00:00
bender	ce868de805	Update src/app/page.tsx	2026-04-27 08:54:31 +00:00
bender	1d25e54068	Merge version_3 into main Merge version_3 into main	2026-04-26 08:51:54 +00:00
bender	b0945ae5a0	Update src/app/page.tsx	2026-04-26 08:51:51 +00:00
bender	e44a6280d9	Merge version_2 into main Merge version_2 into main	2026-04-26 07:33:14 +00:00
bender	9710f0a32c	Update src/app/page.tsx	2026-04-26 07:33:11 +00:00