Update src/app/page.tsx

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -70,43 +70,26 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardThree
+        <FeatureProcessSteps
-          features={[
+          title="Our Services"
+          description="Professional nail care designed to enhance your natural beauty and boost your confidence with premium techniques and quality products."
+          tag="What We Offer"
+          tagIcon={Sparkles}
+          useInvertedBackground="invertDefault"
+          steps={[
             {
-              id: "1",
+              number: "01",              title: "Gel Manicure & Pedicure",              description: "Long-lasting gel polish application with glossy finish that lasts up to 3 weeks. Perfect for maintaining beautiful nails between appointments.",              tag: "Popular"
-              title: "Glamorous Gel Manicure",
-              description: "Indulge in a luxurious gel manicure that stays chip-free for up to 3 weeks.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              imageAlt: "Gel Manicure"
             },
             {
-              id: "2",
+              number: "02",              title: "Acrylic Nails",              description: "Custom acrylic extensions designed to your specifications. Durable, glamorous, and perfect for special occasions or everyday elegance.",              tag: "Premium"
-              title: "Elegant Acrylic Nails",
-              description: "Experience the elegance of custom acrylic nails that are both durable and stylish.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              imageAlt: "Acrylic Nails"
             },
             {
-              id: "3",
+              number: "03",              title: "Nail Art & Design",              description: "Creative custom designs from simple accents to intricate artwork. Express your personality with stunning nail art that's uniquely you.",              tag: "Creative"
-              title: "Artistic Nail Designs",
-              description: "Unleash your creativity with unique nail art designs that reflect your personal style.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              imageAlt: "Nail Art"
             },
             {
-              id: "4",
+              number: "04",              title: "Classic Manicure",              description: "Traditional manicure with nail shaping, cuticle care, and polish application. Timeless elegance with professional finishing touches.",              tag: "Essential"
-              title: "Classic Nail Care",
-              description: "Enjoy a traditional manicure with professional care and a timeless finish.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              imageAlt: "Classic Manicure"
             }
           ]}
-          carouselMode="buttons"
-          gridVariant="uniform"
-          animationType="3D"
-          title="Shine & Style's Services"
-          description="Transform your look with our premium nail care services designed to enhance your natural beauty."
-          tag="Your Style, Our Expertise"
         />
       </div>
 
@@ -219,7 +202,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground="invertDefault"
-          imageSrc="https://img.b2bpic.net/free-photo/young-man-doing-pedicure-salon-beauty-concept_1301-3371.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/tmp/create-an-image-of-some-people-doing-the-1770321952513-a0a3714b.jpg"
           imageAlt="Relaxing nail salon environment"
           mediaPosition="right"
           inputPlaceholder="Enter your email"

src/app/styles/variables.css

@@ -10,13 +10,13 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #000000;
-  --card: #e6f5e6;
+  --card: #000000;
-  --foreground: #ffffff;
+  --foreground: #800080;
-  --primary-cta: #ffffff;
+  --primary-cta: #800080;
   --secondary-cta: #2e2521;
-  --accent: #b2a28b;
+  --accent: #800080;
-  --background-accent: #b2a28b;
+  --background-accent: #800080;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -213,3 +213,7 @@
     --height-150: 135vw;
   }
 }
+
+body {
+  font-family: 'Cursive', cursive, sans-serif;
+}