Merge version_2 into main #2
175
src/app/page.tsx
175
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user