src/app/page.tsx

@@ -10,6 +10,8 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
+import { Calendar } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,6 +32,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         { name: "Services", id: "services" },
+        { name: "Guest", id: "guest" },
         { name: "Portfolio", id: "portfolio" },
         { name: "Testimonials", id: "testimonials" },
         { name: "FAQ", id: "faq" },
@@ -55,6 +58,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="guest" data-section="guest">
+    <TimelineCardStack 
+      title="Guest Packages"
+      description="Tailored experiences designed for every month of your journey."
+      tag="Exclusive Access"
+      tagIcon={Calendar}
+      textboxLayout="split"
+    >
+      <div className="grid gap-6">
+        <div className="p-6 rounded-xl border border-white/10 bg-white/5"><h3>January Kick-off</h3><p>Includes initial strategy and brand audit.</p></div>
+        <div className="p-6 rounded-xl border border-white/10 bg-white/5"><h3>February Growth</h3><p>Focuses on UI/UX optimization.</p></div>
+        <div className="p-6 rounded-xl border border-white/10 bg-white/5"><h3>March Mastery</h3><p>Advanced illustration and asset creation.</p></div>
+      </div>
+    </TimelineCardStack>
+  </div>
+
   <div id="services" data-section="services">
       <FeatureCardTwentyEight
       animationType="slide-up"