Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Award, CheckCircle, Star, ThumbsUp, Zap } from "lucide-react";
+import { CheckCircle, Star, Zap, ThumbsUp, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Services", id: "services" },
-          name: "About",          id: "about"},
+        { name: "Reviews", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",          id: "services"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Nails Nearby"
     />
@@ -50,23 +45,10 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="Nails Nearby"
       description="Experience unparalleled artistry and relaxation at our premier Orem salon. Where luxury meets lasting quality."
-      buttons={[
+      buttons={[{ text: "Book Appointment", href: "#contact" }]}
-        {
-          text: "Book Appointment",          href: "#contact"},
-      ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg", imageAlt: "Salon Interior" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg",          imageAlt: "Salon Interior"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/careful-female-messeur-giving-foot-massage-bright-room_176420-55238.jpg", imageAlt: "Artistic Manicure" },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/careful-female-messeur-giving-foot-massage-bright-room_176420-55238.jpg",          imageAlt: "Artistic Manicure"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-slate-with-color-powder-bowls-black-backdrop_23-2147949019.jpg",          imageAlt: "Dip Powder Selection"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563311.jpg",          imageAlt: "Relaxing Atmosphere"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hand-massage-with-pressure-point-massage_1150-20442.jpg",          imageAlt: "Detail Nail Art"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/testing-new-cream_1098-19860.jpg",          imageAlt: "Expert Technician"},
       ]}
     />
   </div>
@@ -75,12 +57,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Experience True " },
-          type: "text",          content: "Experience True "},
+        { type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg", alt: "Salon Work" },
-        {
+        { type: "text", content: " Personal Care" },
-          type: "image",          src: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg",          alt: "Salon Work"},
-        {
-          type: "text",          content: " Personal Care"},
       ]}
     />
   </div>
@@ -91,30 +70,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "manicure", badge: "Essentials", price: "$30+", subtitle: "Includes filing and shaping.", features: ["Gel Polish", "Cuticle Care", "Hand Massage"], buttons: [{ text: "Book Now", href: "#contact" }] },
-          id: "manicure",          badge: "Essentials",          price: "$30+",          subtitle: "Includes filing and shaping.",          features: [
+        { id: "pedicure", badge: "Premium", price: "$50+", subtitle: "Revitalize your feet.", features: ["Exfoliation", "Foot Massage", "Nail Painting"], buttons: [{ text: "Book Now", href: "#contact" }] },
-            "Gel Polish",            "Cuticle Care",            "Hand Massage"],
-          buttons: [
-            {
-              text: "Book Now",              href: "#contact"},
-          ],
-        },
-        {
-          id: "pedicure",          badge: "Premium",          price: "$50+",          subtitle: "Revitalize your feet.",          features: [
-            "Exfoliation",            "Foot Massage",            "Nail Painting"],
-          buttons: [
-            {
-              text: "Book Now",              href: "#contact"},
-          ],
-        },
-        {
-          id: "acrylic",          badge: "Artistic",          price: "$65+",          subtitle: "Durable and beautiful.",          features: [
-            "Full Set",            "Artistic Design",            "Polish Change"],
-          buttons: [
-            {
-              text: "Book Now",              href: "#contact"},
-          ],
-        },
       ]}
       title="Our Services"
       description="A comprehensive range of treatments delivered with precision and care."
@@ -127,23 +84,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Expert Artistry", description: "Highly trained technicians dedicated to perfection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg", imageAlt: "Salon interior" }, items: [{ icon: Star, text: "Over 90+ 5-star reviews" }, { icon: CheckCircle, text: "Chip-resistant quality" }, { icon: Zap, text: "Personalized service" }], reverse: false },
-          title: "Expert Artistry",          description: "Highly trained technicians dedicated to perfection.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg",            imageAlt: "elegant nail salon interior warm lighting"
-          },
-          items: [
-            {
-              icon: Star,
-              text: "Over 90+ 5-star reviews"},
-            {
-              icon: CheckCircle,
-              text: "Chip-resistant quality"},
-            {
-              icon: Zap,
-              text: "Personalized service"},
-          ],
-          reverse: false,
-        },
       ]}
       title="Why Clients Love Us"
       description="Excellence in service and comfort."
@@ -151,21 +92,15 @@ export default function LandingPage() {
   </div>
 
   <div id="gallery" data-section="gallery">
-      <MetricCardOne
+      <MetricCardTwo
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "92", description: "Happy clients served" },
-          id: "m1",          value: "92",          title: "Reviews",          description: "Happy clients served",          icon: ThumbsUp,
+        { id: "m2", value: "5.0", description: "Average satisfaction" },
-        },
+        { id: "m3", value: "10+", description: "Years of professional service" },
-        {
-          id: "m2",          value: "5.0",          title: "Rating",          description: "Average satisfaction",          icon: Star,
-        },
-        {
-          id: "m3",          value: "10+",          title: "Years",          description: "Of professional service",          icon: Award,
-        },
       ]}
       title="Our Impact"
       description="Numbers behind our commitment to excellence."
@@ -173,70 +108,39 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardSixteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          title: "Years of Excellence",          quote: "Just love this place been going for years.. excellent service",          name: "Anonymous Client",          role: "Loyal Customer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg"},
-        {
-          id: "t2",          title: "Lasting Quality",          quote: "The quality of their work lasts forever without chipping or breaking.",          name: "Satisfied Patron",          role: "Regular",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-holding-coffee-cup-pointing-with-finger-it-smiling-standing-white-wall_141793-29330.jpg"},
-        {
-          id: "t3",          title: "Relaxing",          quote: "The whole experience felt so personal and relaxing.",          name: "Relaxed Guest",          role: "Visitor",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashion-girl-summer-park_1157-21435.jpg"},
-        {
-          id: "t4",          title: "Consistent",          quote: "My favorite nail salon in town, always friendly.",          name: "Happy Customer",          role: "Local",          imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg"},
-        {
-          id: "t5",          title: "Wonderful",          quote: "Excellent attention to detail every single time.",          name: "Loyal Guest",          role: "Local",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-smiling-white-t-shirt-happy-positive-mood-isolated-sincere-smile-long-hair_285396-771.jpg"},
-      ]}
       title="Client Stories"
       description="Hear what our regulars say about us."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      animationType="blur-reveal"
+      kpiItems={[
+          { value: "92", label: "Happy Clients" },
+          { value: "5.0", label: "Star Rating" },
+          { value: "10+", label: "Years Active" }
+      ]}
+      testimonials={[
+        { id: "t1", name: "Anonymous Client", role: "Loyal Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg" },
+        { id: "t2", name: "Satisfied Patron", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-holding-coffee-cup-pointing-with-finger-it-smiling-standing-white-wall_141793-29330.jpg" },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactCenter
-      useInvertedBackground={true}
+      tag="Contact Us"
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Visit Us Today"
       title="Ready for your next treatment?"
-      description="327 E 1200 S #8, Orem, UT 84058. Book an appointment and walk into relaxation."
+      description="Book an appointment and walk into relaxation. We are located in Orem, UT."
-      buttons={[
+      background={{ variant: "sparkles-gradient" }}
-        {
+      useInvertedBackground={true}
-          text: "Call to Book",          href: "tel:5550102"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterLogoReveal
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "About",              href: "#about"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Reviews",              href: "#testimonials"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
       logoText="Nails Nearby"
+      leftLink={{ text: "Contact Us", href: "#contact" }}
+      rightLink={{ text: "Book Now", href: "#contact" }}
     />
   </div>
       </ReactLenis>