Update src/app/page.tsx

src/app/blog/page.tsx

@@ -84,7 +84,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {

src/app/page.tsx

@@ -1,10 +1,10 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
@@ -73,27 +73,38 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTwelve
+        <TimelinePhoneView
           title="What Sets Us Apart"
           description="Discover the distinctive elements that make our dining experience truly exceptional"
           textboxLayout="default"
-          animationType="opacity"
+          showTextBox={true}
-          useInvertedBackground="invertDefault"
+          items={[
-          features={[
             {
-              id: "seasonal",              label: "Seasonal",              title: "Locally Sourced Excellence",              items: [
+              trigger: "trigger-1",              content: (
-                "Mountain vegetables and herbs",                "Fresh fish from Niseko waters",                "Rotating menu with seasons",                "Direct relationships with farmers"
+                <div>
-              ]
+                  <h3 className="text-2xl font-semibold mb-4">Locally Sourced Excellence</h3>
+                  <p className="text-foreground/80">Mountain vegetables and herbs picked at peak season. Fresh fish from Niseko waters. Rotating menu that honors the seasons. Direct relationships with local farmers and producers.</p>
+                </div>
+              ),
+              imageOne: "https://img.b2bpic.net/free-photo/top-view-set-baked-sushi-rolls-with-shrimps-served-with-wasabi-ginger-plate-wood_141793-12009.jpg",              imageTwo: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAltTwo: "Chef preparation"
             },
             {
-              id: "ambiance",              label: "Ambiance",              title: "Intimate Luxury Setting",              items: [
+              trigger: "trigger-2",              content: (
-                "Panoramic mountain views",                "Minimalist Japanese design",                "Private dining rooms available",                "Curated lighting and acoustics"
+                <div>
-              ]
+                  <h3 className="text-2xl font-semibold mb-4">Intimate Luxury Setting</h3>
+                  <p className="text-foreground/80">Panoramic mountain views that inspire. Minimalist Japanese design creating serenity. Private dining rooms for special occasions. Curated lighting and acoustics for the perfect ambiance.</p>
+                </div>
+              ),
+              imageOne: "https://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-17447.jpg",              imageTwo: "https://img.b2bpic.net/free-photo/top-view-classic-japanese-sushi-with-red-caviar-bamboo-leaf-served-with-ginger-wasabi-sauce-plate_141793-11791.jpg",              imageAltTwo: "Plated dish"
             },
             {
-              id: "expertise",              label: "Expertise",              title: "Culinary Mastery",              items: [
+              trigger: "trigger-3",              content: (
-                "Award-winning head chef",                "Years of fine dining experience",                "Traditional and modern techniques",                "Michelin-standard quality"
+                <div>
-              ]
+                  <h3 className="text-2xl font-semibold mb-4">Culinary Mastery</h3>
+                  <p className="text-foreground/80">Award-winning head chef with decades of fine dining expertise. Traditional and modern techniques harmoniously blended. Michelin-standard quality in every plate. Passionate commitment to culinary excellence.</p>
+                </div>
+              ),
+              imageOne: "https://img.b2bpic.net/free-photo/top-view-nigiri-sushi-with-tuna-bamboo-leaf-served-with-pickled-ginger-slices-wasabi-plate_141793-8469.jpg",              imageTwo: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAltTwo: "Chef artistry"
             }
           ]}
         />