2 Commits

Author SHA1 Message Date
56da31ef65 Update src/app/page.tsx 2026-04-22 20:04:55 +00:00
8ce7b02fdc Merge version_1 into main
Merge version_1 into main
2026-04-22 20:04:09 +00:00

View File

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