Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Scissors, Smile, Sparkles } from "lucide-react";
+import { Scissors, Sparkles, Smile, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -57,9 +57,24 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { title: "Precision Cut", description: "Customized haircuts for every hair type.", bentoComponent: "reveal-icon", icon: Scissors },
-              { title: "Hot Towel Shave", description: "Classic straight-razor shave with hot towels.", bentoComponent: "reveal-icon", icon: Sparkles },
-              { title: "Beard Trim", description: "Expert shaping and grooming for facial hair.", bentoComponent: "reveal-icon", icon: Smile },
+              { 
+                title: "Precision Cut", 
+                description: "Fade, Taper, Scissor Cut, Buzz Cut", 
+                bentoComponent: "icon-info-cards", 
+                items: [{ icon: CheckCircle, label: "Fade", value: "Classic" }, { icon: CheckCircle, label: "Taper", value: "Modern" }, { icon: CheckCircle, label: "Scissor", value: "Detailed" }] 
+              },
+              { 
+                title: "Hot Towel Shave", 
+                description: "Straight Razor, Hot Steam, Cold Towel", 
+                bentoComponent: "icon-info-cards", 
+                items: [{ icon: CheckCircle, label: "Straight Razor", value: "Smooth" }, { icon: CheckCircle, label: "Steam", value: "Relaxing" }, { icon: CheckCircle, label: "Cold Towel", value: "Refreshing" }] 
+              },
+              { 
+                title: "Beard Trim", 
+                description: "Line-up, Shaping, Beard Oil Treatment", 
+                bentoComponent: "icon-info-cards", 
+                items: [{ icon: CheckCircle, label: "Line-up", value: "Sharp" }, { icon: CheckCircle, label: "Shaping", value: "Defined" }, { icon: CheckCircle, label: "Oil", value: "Conditioning" }] 
+              },
             ]}
           />
         </div>