Merge version_2 into main #1
107
src/app/page.tsx
107
src/app/page.tsx
@@ -30,33 +30,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Store",
|
||||
id: "/store",
|
||||
},
|
||||
name: "Store", id: "/store"},
|
||||
{
|
||||
name: "WC Cards",
|
||||
id: "/support-worldcup",
|
||||
},
|
||||
name: "WC Cards", id: "/support-worldcup"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "/tech-support",
|
||||
},
|
||||
name: "Support", id: "/tech-support"},
|
||||
{
|
||||
name: "Memories App",
|
||||
id: "/memories-app",
|
||||
},
|
||||
name: "Memories App", id: "/memories-app"},
|
||||
{
|
||||
name: "عربي",
|
||||
id: "#ar",
|
||||
},
|
||||
name: "عربي", id: "#ar"},
|
||||
{
|
||||
name: "日本語",
|
||||
id: "#ja",
|
||||
},
|
||||
name: "日本語", id: "#ja"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/2018-world-football-cup-background_23-2147793811.jpg"
|
||||
logoAlt="World Cup Keffiyeh Logo"
|
||||
@@ -64,44 +50,29 @@ export default function LandingPage() {
|
||||
bottomLeftText="Global Community"
|
||||
bottomRightText="hello@worldcupstore.com"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
variant: "downward-rays-animated"}}
|
||||
title="Experience the World Cup like Never Before"
|
||||
description="Your ultimate destination for official merchandise and the 'Memories' app – connecting fans globally."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-from-olympic-games-tournament-with-athletes-competing_23-2151470921.jpg",
|
||||
imageAlt: "World Cup fans in a vibrant stadium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-from-olympic-games-tournament-with-athletes-competing_23-2151470921.jpg", imageAlt: "World Cup fans in a vibrant stadium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536105.jpg",
|
||||
imageAlt: "World Cup fans in a vibrant stadium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team-stadium_23-2151536105.jpg", imageAlt: "World Cup fans in a vibrant stadium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-980.jpg",
|
||||
imageAlt: "World Cup fans in a vibrant stadium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-980.jpg", imageAlt: "World Cup fans in a vibrant stadium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-celebrating-win-silver-cup_23-2149479297.jpg",
|
||||
imageAlt: "World Cup fans in a vibrant stadium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-celebrating-win-silver-cup_23-2149479297.jpg", imageAlt: "World Cup fans in a vibrant stadium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-summer-hat-holding-soccer-ball-globe-crazy-happy-screaming-fascination-standing-blue-background_141793-23662.jpg",
|
||||
imageAlt: "World Cup fans in a vibrant stadium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-summer-hat-holding-soccer-ball-globe-crazy-happy-screaming-fascination-standing-blue-background_141793-23662.jpg", imageAlt: "World Cup fans in a vibrant stadium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548621.jpg",
|
||||
imageAlt: "World Cup fans in a vibrant stadium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548621.jpg", imageAlt: "World Cup fans in a vibrant stadium"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,21 +82,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About World Cup Store & Memories App",
|
||||
},
|
||||
type: "text", content: "About World Cup Store & Memories App"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Vision",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Explore Our Vision", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
<LegalSection
|
||||
layout="tabs"
|
||||
title="Legal Information"
|
||||
sections={[
|
||||
{ id: "terms", title: "Terms of Service", content: "Welcome to World Cup Store! By using our services, you agree to our terms. Please read them carefully." },
|
||||
{ id: "privacy", title: "Privacy Policy", content: "Your privacy is important to us. This policy explains how we collect, use, and protect your personal data." },
|
||||
{ id: "shipping", title: "Shipping Policy", content: "Details on shipping methods, costs, and delivery times for your World Cup merchandise." },
|
||||
{ id: "returns", title: "Return Policy", content: "Information on how to return or exchange products purchased from our store." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
@@ -134,6 +110,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Official World Cup Collectibles"
|
||||
description="Explore unique cards and merchandise for the ultimate fan experience."
|
||||
products={[
|
||||
{ id: "collectible-card-1", brand: "World Cup", name: "Limited Edition Team Card", price: "$29.99", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-ball-with-helmet_23-2150784063.jpg", imageAlt: "Limited Edition Team Card" },
|
||||
{ id: "collectible-card-2", brand: "World Cup", name: "Historic Match Souvenir", price: "$39.99", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-trophy_23-2147827650.jpg", imageAlt: "Historic Match Souvenir" },
|
||||
{ id: "collectible-card-3", brand: "World Cup", name: "Golden Boot Replica", price: "$199.99", rating: 5, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gwjwi1", imageAlt: "Golden Boot Replica" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,16 +127,10 @@ export default function LandingPage() {
|
||||
description="Have questions about products or the app? Reach out to our dedicated support."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/experienced-worker-talking-with-customer-using-headphones-mic-closeup_482257-126149.jpg"
|
||||
@@ -173,19 +150,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -27,33 +27,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Store",
|
||||
id: "/store",
|
||||
},
|
||||
name: "Store", id: "/store"},
|
||||
{
|
||||
name: "WC Cards",
|
||||
id: "/support-worldcup",
|
||||
},
|
||||
name: "WC Cards", id: "/support-worldcup"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "/tech-support",
|
||||
},
|
||||
name: "Support", id: "/tech-support"},
|
||||
{
|
||||
name: "Memories App",
|
||||
id: "/memories-app",
|
||||
},
|
||||
name: "Memories App", id: "/memories-app"},
|
||||
{
|
||||
name: "عربي",
|
||||
id: "#ar",
|
||||
},
|
||||
name: "عربي", id: "#ar"},
|
||||
{
|
||||
name: "日本語",
|
||||
id: "#ja",
|
||||
},
|
||||
name: "日本語", id: "#ja"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/2018-world-football-cup-background_23-2147793811.jpg"
|
||||
logoAlt="World Cup Keffiyeh Logo"
|
||||
@@ -61,9 +47,7 @@ export default function LandingPage() {
|
||||
bottomLeftText="Global Community"
|
||||
bottomRightText="hello@worldcupstore.com"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,29 +57,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Collectible",
|
||||
title: "Unique Digital Cards",
|
||||
subtitle: "Limited Edition Artwork",
|
||||
description: "Each card is a distinct piece of art, celebrating the World Cup and its participating nations. Collect them all!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-ball-with-helmet_23-2150784063.jpg",
|
||||
imageAlt: "Jordan World Cup Card",
|
||||
},
|
||||
tag: "Collectible", title: "Unique Digital Cards", subtitle: "Limited Edition Artwork", description: "Each card is a distinct piece of art, celebrating the World Cup and its participating nations. Collect them all!", imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-ball-with-helmet_23-2150784063.jpg", imageAlt: "Jordan World Cup Card"},
|
||||
{
|
||||
tag: "Impact",
|
||||
title: "Profits for a Cause",
|
||||
subtitle: "Support Global Initiatives",
|
||||
description: "A significant portion of every card purchase goes towards major humanitarian and development causes worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-character-with-equipment_23-2151154184.jpg",
|
||||
imageAlt: "Cards for charity",
|
||||
},
|
||||
tag: "Impact", title: "Profits for a Cause", subtitle: "Support Global Initiatives", description: "A significant portion of every card purchase goes towards major humanitarian and development causes worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/american-football-character-with-equipment_23-2151154184.jpg", imageAlt: "Cards for charity"},
|
||||
{
|
||||
tag: "Community",
|
||||
title: "Design Your Own",
|
||||
subtitle: "Publish Your Creativity",
|
||||
description: "Unleash your artistic talent! Design World Cup cards in your country's style and submit them for publication on our page.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-their-country-football-team_23-2149015529.jpg",
|
||||
imageAlt: "Designers collaborating",
|
||||
},
|
||||
tag: "Community", title: "Design Your Own", subtitle: "Publish Your Creativity", description: "Unleash your artistic talent! Design World Cup cards in your country's style and submit them for publication on our page.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-their-country-football-team_23-2149015529.jpg", imageAlt: "Designers collaborating"},
|
||||
]}
|
||||
title="Support the World Cup, Empower a Cause"
|
||||
description="Purchase exclusive digital cards, designed by fans, with proceeds supporting global initiatives. Each card is a unique collectible."
|
||||
@@ -109,44 +75,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "designers",
|
||||
groupTitle: "Creative Contributors",
|
||||
members: [
|
||||
id: "designers", groupTitle: "Creative Contributors", members: [
|
||||
{
|
||||
id: "designer-1",
|
||||
title: "Aisha Al-Saad",
|
||||
subtitle: "Jordanian Card Artist",
|
||||
detail: "Specializing in fusion of traditional patterns with modern designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827391.jpg",
|
||||
imageAlt: "Aisha Al-Saad",
|
||||
},
|
||||
id: "designer-1", title: "Aisha Al-Saad", subtitle: "Jordanian Card Artist", detail: "Specializing in fusion of traditional patterns with modern designs.", imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827391.jpg", imageAlt: "Aisha Al-Saad"},
|
||||
{
|
||||
id: "designer-2",
|
||||
title: "Kenji Tanaka",
|
||||
subtitle: "Digital Illustrator",
|
||||
detail: "Bringing vibrant anime-inspired art to global football cards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827356.jpg",
|
||||
imageAlt: "Kenji Tanaka",
|
||||
},
|
||||
id: "designer-2", title: "Kenji Tanaka", subtitle: "Digital Illustrator", detail: "Bringing vibrant anime-inspired art to global football cards.", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827356.jpg", imageAlt: "Kenji Tanaka"},
|
||||
{
|
||||
id: "designer-3",
|
||||
title: "Maria Garcia",
|
||||
subtitle: "Cultural Design Expert",
|
||||
detail: "Passionate about representing diverse national identities in art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-person-using-radio-technology_23-2151355990.jpg",
|
||||
imageAlt: "Maria Garcia",
|
||||
},
|
||||
id: "designer-3", title: "Maria Garcia", subtitle: "Cultural Design Expert", detail: "Passionate about representing diverse national identities in art.", imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-person-using-radio-technology_23-2151355990.jpg", imageAlt: "Maria Garcia"},
|
||||
{
|
||||
id: "designer-4",
|
||||
title: "Liam O'Connell",
|
||||
subtitle: "Concept Artist",
|
||||
detail: "Crafting compelling narratives for each World Cup card series.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talented-girl-is-sketching-digital-tablet-while-sitting-her-cozy-studio_613910-11488.jpg",
|
||||
imageAlt: "Liam O'Connell",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/2018-world-football-cup-background_23-2147793811.jpg",
|
||||
imageAlt: "diverse graphic designers collaborating",
|
||||
id: "designer-4", title: "Liam O'Connell", subtitle: "Concept Artist", detail: "Crafting compelling narratives for each World Cup card series.", imageSrc: "http://img.b2bpic.net/free-photo/talented-girl-is-sketching-digital-tablet-while-sitting-her-cozy-studio_613910-11488.jpg", imageAlt: "Liam O'Connell"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Join Our Global Designer Community"
|
||||
@@ -163,19 +101,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user