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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+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,45 +70,26 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardOne
-          features={[
+        <FeatureProcessSteps
+          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={[
             {
-              title: "Glowing Gel Manicure",
-              description: "Experience a long-lasting gel manicure that keeps your nails looking perfect for up to 3 weeks.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "Book Now", href: "#" }
+              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: "Radiant Acrylic Nails",
-              description: "Get custom acrylic nails that are both durable and glamorous, perfect for any occasion.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "Explore", href: "#" }
+              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: "Creative Nail Art",
-              description: "Express your unique style with custom nail art designs that are as unique as you are.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "View Designs", href: "#" }
+              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: "Classic Manicure",
-              description: "Enjoy a traditional manicure with professional care and a timeless finish.",
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              button: { label: "Schedule", href: "#" }
+              number: "04",              title: "Classic Manicure",              description: "Traditional manicure with nail shaping, cuticle care, and polish application. Timeless elegance with professional finishing touches.",              tag: "Essential"
             }
           ]}
-          carouselMode="buttons"
-          gridVariant="uniform"
-          animationType="3D"
-          title="Shine & Style's Offerings"
-          description="Elevate your beauty with our premium nail care services tailored to enhance your natural glow."
-          tag="Your Style, Our Expertise"
-          buttons={[
-            { label: "Book Now", href: "#" },
-            { label: "View Gallery", href: "#" }
-          ]}
-          textboxLayout="center"
-          useInvertedBackground="invertDefault"
         />
       </div>
 
@@ -221,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;
-  --card: #e6f5e6;
-  --foreground: #ffffff;
-  --primary-cta: #ffffff;
+  --background: #000000;
+  --card: #000000;
+  --foreground: #800080;
+  --primary-cta: #800080;
   --secondary-cta: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #800080;
+  --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;
+}