Merge version_1 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="SweetSwipe"
|
||||
/>
|
||||
@@ -55,65 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unleash the Sweetest Adventure"
|
||||
description="Experience the next evolution of match-three puzzle games. Swipe, match, and crush your way through thousands of sugary levels. Join millions of players worldwide today!"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136783.jpg",
|
||||
alt: "Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136783.jpg", alt: "Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136786.jpg",
|
||||
alt: "Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136786.jpg", alt: "Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-with-wrist-bandage-wearing-headphones-pretending-running-isolated-pink-wall_141793-78519.jpg",
|
||||
alt: "Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-with-wrist-bandage-wearing-headphones-pretending-running-isolated-pink-wall_141793-78519.jpg", alt: "Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136805.jpg",
|
||||
alt: "Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136805.jpg", alt: "Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136905.jpg",
|
||||
alt: "Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136905.jpg", alt: "Gamer"},
|
||||
]}
|
||||
avatarText="Join 10M+ players"
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Play Now", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra Fast Gameplay",
|
||||
},
|
||||
type: "text", text: "Ultra Fast Gameplay"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Challenges",
|
||||
},
|
||||
type: "text", text: "Daily Challenges"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Leaderboards",
|
||||
},
|
||||
type: "text", text: "Global Leaderboards"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unique Powerups",
|
||||
},
|
||||
type: "text", text: "Unique Powerups"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Updates Weekly",
|
||||
},
|
||||
type: "text", text: "Free Updates Weekly"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,9 +91,7 @@ export default function LandingPage() {
|
||||
title="A New Way to Match and Crush"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Gameplay",
|
||||
href: "#",
|
||||
},
|
||||
text: "See Gameplay", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,67 +103,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stunning Visuals",
|
||||
description: "High-definition candy art and smooth fluid animations that bring every crush to life.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Stunning Visuals", description: "High-definition candy art and smooth fluid animations that bring every crush to life.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/snake-ladder-game-template_1308-89120.jpg",
|
||||
imageAlt: "Candy Visuals",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/snake-ladder-game-template_1308-89120.jpg", imageAlt: "Candy Visuals"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445183.jpg",
|
||||
imageAlt: "Candy Visuals",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445183.jpg", imageAlt: "Candy Visuals"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/board-game_1308-6469.jpg",
|
||||
imageAlt: "Candy Visuals",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/board-game_1308-6469.jpg", imageAlt: "Candy Visuals"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-candy-arrangement-outdoors_23-2150798900.jpg",
|
||||
imageAlt: "match three game design",
|
||||
},
|
||||
{
|
||||
title: "Explosive Power-ups",
|
||||
description: "Unlock devastating combos and unleash massive chain reactions across the board.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Explosive Power-ups", description: "Unlock devastating combos and unleash massive chain reactions across the board.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mandala-artwork-colorful-pattern-background-3d_58702-7023.jpg",
|
||||
imageAlt: "Power-ups",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mandala-artwork-colorful-pattern-background-3d_58702-7023.jpg", imageAlt: "Power-ups"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212557.jpg",
|
||||
imageAlt: "Power-ups",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212557.jpg", imageAlt: "Power-ups"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-candy-dynamic-background_23-2150798930.jpg",
|
||||
imageAlt: "Power-ups",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-candy-dynamic-background_23-2150798930.jpg", imageAlt: "Power-ups"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149200483.jpg",
|
||||
imageAlt: "match three game design",
|
||||
},
|
||||
{
|
||||
title: "Social Leaderboards",
|
||||
description: "Compete with friends and climb the ranks to prove your matching mastery.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Social Leaderboards", description: "Compete with friends and climb the ranks to prove your matching mastery.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136783.jpg",
|
||||
imageAlt: "Leaderboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136783.jpg", imageAlt: "Leaderboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-graphs-diagrams-illustration_53876-18028.jpg",
|
||||
imageAlt: "Leaderboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-graphs-diagrams-illustration_53876-18028.jpg", imageAlt: "Leaderboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg",
|
||||
imageAlt: "Leaderboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg", imageAlt: "Leaderboard"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136786.jpg",
|
||||
imageAlt: "match three game design",
|
||||
},
|
||||
]}
|
||||
title="Gameplay Features"
|
||||
@@ -214,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
description: "Players Worldwide",
|
||||
},
|
||||
id: "m1", value: "10M+", description: "Players Worldwide"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Levels to Crush",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Levels to Crush"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Player Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Player Satisfaction"},
|
||||
]}
|
||||
title="Game Milestones"
|
||||
description="We are proud of the community we've built together."
|
||||
@@ -239,30 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamers-having-fun-while-playing-videogames_23-2149142708.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/gamers-having-fun-while-playing-videogames_23-2149142708.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-guy-playing-with-controller_23-2148243691.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-guy-playing-with-controller_23-2148243691.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tense-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-wall_141793-106424.jpg",
|
||||
},
|
||||
id: "t3", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/tense-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-wall_141793-106424.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136832.jpg",
|
||||
},
|
||||
id: "t5", name: "Mike B.", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136832.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Players Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -275,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"IGN",
|
||||
"Kotaku",
|
||||
"GameSpot",
|
||||
"Polygon",
|
||||
"PocketGamer",
|
||||
"TouchArcade",
|
||||
"AppStore",
|
||||
]}
|
||||
"IGN", "Kotaku", "GameSpot", "Polygon", "PocketGamer", "TouchArcade", "AppStore"]}
|
||||
title="Featured By"
|
||||
description="Our game is loved by the gaming community and top platforms."
|
||||
/>
|
||||
@@ -294,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free to play?",
|
||||
content: "Yes! You can play through all levels for free with optional in-game purchases.",
|
||||
},
|
||||
id: "f1", title: "Is it free to play?", content: "Yes! You can play through all levels for free with optional in-game purchases."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I play offline?",
|
||||
content: "Yes, you can enjoy many of our levels without an internet connection.",
|
||||
},
|
||||
id: "f2", title: "Can I play offline?", content: "Yes, you can enjoy many of our levels without an internet connection."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there new updates?",
|
||||
content: "We update the game weekly with new levels and features.",
|
||||
},
|
||||
id: "f3", title: "Are there new updates?", content: "We update the game weekly with new levels and features."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about the game."
|
||||
@@ -319,16 +211,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Adventure?"
|
||||
description="Download today and begin your crushing journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,33 +226,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Game",
|
||||
items: [
|
||||
title: "Game", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user