Merge version_4 into main

Update src/app/tickets/page.tsx
2026-04-22 20:09:26 +00:00 · 2026-04-22 20:09:20 +00:00 · 2026-04-22 20:08:14 +00:00 · 2026-04-22 20:08:10 +00:00 · 2026-04-22 20:05:02 +00:00 · 2026-04-22 20:04:55 +00:00
2 changed files with 65 additions and 261 deletions
--- a/src/app/page.tsx
+++ b/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: "#"},
          ],
        },
      ]}
--- a/src/app/tickets/page.tsx
+++ b/src/app/tickets/page.tsx
@@ -4,10 +4,9 @@ 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';

-export default function LandingPage() {
+export default function TicketsPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
@@ -25,124 +24,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: "Standard",          price: "€20",          period: "per day",          description: "Full access for one day to all main exhibition areas.",          button: { text: "Buy on Comicon Official", href: "https://www.comicon.it/" },
+          featuresTitle: "Included",          features: ["Access to all pavilions", "Exhibition areas access", "Artist Alley 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: "full-pass",          tag: "Best Value",          price: "€65",          period: "4 days",          description: "Complete event access for the entire 4-day experience.",          button: { text: "Buy on Comicon Official", href: "https://www.comicon.it/" },
+          featuresTitle: "Included",          features: ["Full 4-day access", "All stages access", "Priority entry lanes", "Commemorative badge"]
        },
      ]}
+      title="Official Comicon Tickets"
+      description="Purchase your tickets directly through the official Comicon ticketing portal."
    />
  </div>

@@ -150,33 +56,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 +75,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	7e656322c4	Merge version_4 into main Merge version_4 into main	2026-04-22 20:09:26 +00:00
bender	58593ea1b4	Update src/app/tickets/page.tsx	2026-04-22 20:09:20 +00:00
bender	5bd6ef398a	Merge version_3 into main Merge version_3 into main	2026-04-22 20:08:14 +00:00
bender	10d530ce2c	Update src/app/tickets/page.tsx	2026-04-22 20:08:10 +00:00
bender	526b6289df	Merge version_2 into main Merge version_2 into main	2026-04-22 20:05:02 +00:00
bender	56da31ef65	Update src/app/page.tsx	2026-04-22 20:04:55 +00:00
bender	8ce7b02fdc	Merge version_1 into main Merge version_1 into main	2026-04-22 20:04:09 +00:00