Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 56da31ef65 | |||
| 8ce7b02fdc |
175
src/app/page.tsx
175
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user