Update src/app/tickets/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Program",
-          id: "/program",
-        },
+          name: "Program",          id: "/program"},
         {
-          name: "Tickets",
-          id: "/tickets",
-        },
+          name: "Tickets",          id: "/tickets"},
       ]}
       brandName="Comicon Fair"
     />
@@ -48,98 +42,57 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Welcome to Comicon International"
       description="The ultimate destination for fans, creators, and professionals. Join us for a weekend of epic events, exclusive panels, and incredible cosplay."
+      buttons={[
+        {
+          text: "Get Tickets",          href: "/tickets"
+        }
+      ]}
       testimonials={[
         {
-          name: "Alex R.",
-          handle: "@alexcomics",
-          testimonial: "The best Comicon experience yet!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-window_23-2148287926.jpg?_wi=1",
-          imageAlt: "comic convention atmosphere",
-        },
+          name: "Alex R.",          handle: "@alexcomics",          testimonial: "The best Comicon experience yet!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-window_23-2148287926.jpg?_wi=1",          imageAlt: "comic convention atmosphere"},
         {
-          name: "Jamie T.",
-          handle: "@cosplayjam",
-          testimonial: "Panels were top-notch and community is vibrant.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213623.jpg?_wi=1",
-          imageAlt: "comic convention atmosphere",
-        },
+          name: "Jamie T.",          handle: "@cosplayjam",          testimonial: "Panels were top-notch and community is vibrant.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213623.jpg?_wi=1",          imageAlt: "comic convention atmosphere"},
         {
-          name: "Sam L.",
-          handle: "@geeklife",
-          testimonial: "I never miss this event. Always worth it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pan-shot-empty-office-with-projector-middle-conference-desk_1098-19956.jpg?_wi=1",
-          imageAlt: "comic convention atmosphere",
-        },
+          name: "Sam L.",          handle: "@geeklife",          testimonial: "I never miss this event. Always worth it.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pan-shot-empty-office-with-projector-middle-conference-desk_1098-19956.jpg?_wi=1",          imageAlt: "comic convention atmosphere"},
         {
-          name: "Casey P.",
-          handle: "@artistcasey",
-          testimonial: "Fantastic environment for creators.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-tombola_52683-96521.jpg?_wi=1",
-          imageAlt: "comic convention atmosphere",
-        },
+          name: "Casey P.",          handle: "@artistcasey",          testimonial: "Fantastic environment for creators.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-tombola_52683-96521.jpg?_wi=1",          imageAlt: "comic convention atmosphere"},
         {
-          name: "Morgan D.",
-          handle: "@morgangames",
-          testimonial: "The selection of vendors was unreal.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-popping-balloons_23-2148287897.jpg",
-          imageAlt: "comic convention atmosphere",
-        },
+          name: "Morgan D.",          handle: "@morgangames",          testimonial: "The selection of vendors was unreal.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-popping-balloons_23-2148287897.jpg",          imageAlt: "comic convention atmosphere"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-happy-people-window_23-2148287926.jpg?_wi=2"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-woman-popping-balloons_23-2148287897.jpg",
-          alt: "Close-up woman popping balloons",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-woman-popping-balloons_23-2148287897.jpg",          alt: "Close-up woman popping balloons"},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453469.jpg",
-          alt: "Beautiful portrait of teenager woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453469.jpg",          alt: "Beautiful portrait of teenager woman"},
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-character-carnival-portrait_23-2151040499.jpg",
-          alt: "Futuristic character at carnival portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/futuristic-character-carnival-portrait_23-2151040499.jpg",          alt: "Futuristic character at carnival portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-character-carnival-portrait_23-2151040521.jpg",
-          alt: "Futuristic character at carnival portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/futuristic-character-carnival-portrait_23-2151040521.jpg",          alt: "Futuristic character at carnival portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-megaphone_23-2149704896.jpg",
-          alt: "Medium shot smiley woman with megaphone",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-megaphone_23-2149704896.jpg",          alt: "Medium shot smiley woman with megaphone"},
       ]}
       avatarText="Join 10,000+ fans"
       marqueeItems={[
         {
-          type: "text",
-          text: "Epic Panels",
-        },
+          type: "text",          text: "Epic Panels"},
         {
-          type: "text",
-          text: "Pro Cosplayers",
-        },
+          type: "text",          text: "Pro Cosplayers"},
         {
-          type: "text",
-          text: "Exclusive Merch",
-        },
+          type: "text",          text: "Exclusive Merch"},
         {
-          type: "text",
-          text: "Gaming Tournaments",
-        },
+          type: "text",          text: "Gaming Tournaments"},
         {
-          type: "text",
-          text: "Artist Alley",
-        },
+          type: "text",          text: "Artist Alley"},
       ]}
     />
   </div>
@@ -150,20 +103,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Where is the event located?",
-          content: "The Comicon Fair takes place at the Downtown Convention Center.",
-        },
+          id: "q1",          title: "Where is the event located?",          content: "The Comicon Fair takes place at the Downtown Convention Center."},
         {
-          id: "q2",
-          title: "Can I bring kids?",
-          content: "Yes, kids under 12 enter free with an adult ticket.",
-        },
+          id: "q2",          title: "Can I bring kids?",          content: "Yes, kids under 12 enter free with an adult ticket."},
         {
-          id: "q3",
-          title: "Is cosplay mandatory?",
-          content: "Not at all! Come as you are.",
-        },
+          id: "q3",          title: "Is cosplay mandatory?",          content: "Not at all! Come as you are."},
       ]}
       title="Frequently Asked Questions"
       description="Have questions about our event? Find answers here."
@@ -181,20 +125,11 @@ export default function LandingPage() {
       description="The numbers speak for themselves."
       metrics={[
         {
-          id: "m1",
-          value: "15k+",
-          description: "Attendees",
-        },
+          id: "m1",          value: "15k+",          description: "Attendees"},
         {
-          id: "m2",
-          value: "200+",
-          description: "Exhibitors",
-        },
+          id: "m2",          value: "200+",          description: "Exhibitors"},
         {
-          id: "m3",
-          value: "50+",
-          description: "Exclusive Panels",
-        },
+          id: "m3",          value: "50+",          description: "Exclusive Panels"},
       ]}
     />
   </div>
@@ -206,12 +141,7 @@ export default function LandingPage() {
       title="Proudly Supported By"
       description="Industry partners who make this possible."
       names={[
-        "Nexus Comics",
-        "Galaxy Gaming",
-        "Cosplay Central",
-        "Anime Hub",
-        "Legendary Prints",
-      ]}
+        "Nexus Comics",        "Galaxy Gaming",        "Cosplay Central",        "Anime Hub",        "Legendary Prints"]}
     />
   </div>
 
@@ -219,14 +149,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Need help or have questions about becoming a vendor? Contact us today."
       buttons={[
         {
-          text: "Get in touch",
-          href: "mailto:info@comicon.com",
-        },
+          text: "Get in touch",          href: "mailto:info@comicon.com"},
       ]}
     />
   </div>
@@ -235,33 +162,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigate",
-          items: [
+          title: "Navigate",          items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Program",
-              href: "/program",
-            },
+              label: "Program",              href: "/program"},
             {
-              label: "Tickets",
-              href: "/tickets",
-            },
+              label: "Tickets",              href: "/tickets"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}

src/app/tickets/page.tsx

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
-export default function LandingPage() {
+export default function TicketsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -25,124 +25,31 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Program",
-          id: "/program",
-        },
-        {
-          name: "Tickets",
-          id: "/tickets",
-        },
+        { name: "Home", id: "/" },
+        { name: "Program", id: "/program" },
+        { name: "Tickets", id: "/tickets" },
       ]}
       brandName="Comicon Fair"
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardTwo
+      <PricingCardFive
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
         {
-          id: "day-pass",
-          badge: "Popular",
-          price: "$45",
-          subtitle: "Single day entry",
-          buttons: [
-            {
-              text: "Buy Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "Full floor access",
-            "All panels",
-          ],
+          id: "day-pass",          tag: "Popular",          price: "€15",          period: "per day",          description: "Single day entry to all areas and main stages.",          button: { text: "Buy on Comicon Official", href: "https://www.comicon.it/" },
+          featuresTitle: "Included",          features: ["Access to all pavilions", "Main stages access", "Cosplay contests entry"]
         },
         {
-          id: "weekend-pass",
-          badge: "Best Value",
-          price: "$120",
-          subtitle: "Full weekend entry",
-          buttons: [
-            {
-              text: "Buy Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "Full floor access",
-            "All panels",
-            "Early entry",
-          ],
-        },
-        {
-          id: "vip-pass",
-          badge: "VIP",
-          price: "$350",
-          subtitle: "Premium access",
-          buttons: [
-            {
-              text: "Buy Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "Priority seating",
-            "Exclusive meet & greet",
-            "VIP lounge access",
-          ],
-        },
-      ]}
-      title="Buy Your Tickets"
-      description="Secure your spot at the most anticipated event of the year."
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="What Fans Are Saying"
-      description="Hear from our passionate community."
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Fan",
-          company: "Cosplay Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-tickets-medium-shot_23-2149704922.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike B.",
-          role: "Collector",
-          company: "Action Toy Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-tombola-tickets-front-view_23-2149704897.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "99%",
-          label: "Happy Fans",
-        },
-        {
-          value: "500+",
-          label: "Volunteers",
-        },
-        {
-          value: "12",
-          label: "Years Running",
+          id: "weekend-pass",          tag: "Best Value",          price: "€35",          period: "4 days",          description: "Full experience pass for the entire event.",          button: { text: "Buy on Comicon Official", href: "https://www.comicon.it/" },
+          featuresTitle: "Included",          features: ["Full 4-day access", "All panels and events", "Express entrance"]
         },
       ]}
+      title="Official Comicon Tickets"
+      description="Secure your access via the official Comicon ticketing platform."
     />
   </div>
 
@@ -150,33 +57,16 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Program",
-              href: "/program",
-            },
-            {
-              label: "Tickets",
-              href: "/tickets",
-            },
+          title: "Navigate",          items: [
+            { label: "Home", href: "/" },
+            { label: "Program", href: "/program" },
+            { label: "Tickets", href: "/tickets" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -186,4 +76,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}