Bob AI: Can you change the style of our services to someth...

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 FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -70,26 +70,45 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureProcessSteps
+        <FeatureCardOne
-          title="Our Services"
+          features={[
-          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={[
             {
-              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: "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: "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: "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: "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: "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: "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 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: "#" }
             }
           ]}
+          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>
 

src/app/styles/variables.css

@@ -11,10 +11,10 @@
   --background-accent: #ffffff; */
 
   --background: #fcf6ec;
-  --card: #f3ede2;
+  --card: #e6f5e6;
-  --foreground: #2e2521;
+  --foreground: #ffffff;
-  --primary-cta: #2e2521;
+  --primary-cta: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #2e2521;
   --accent: #b2a28b;
   --background-accent: #b2a28b;