Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 588b6b9a09 |
184
src/app/page.tsx
184
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "home",
|
{ name: "Gameplay", id: "features" },
|
||||||
},
|
{ name: "Community", id: "testimonials" },
|
||||||
{
|
{ name: "Download", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Features",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="SweetCandy"
|
brandName="SweetCandy"
|
||||||
/>
|
/>
|
||||||
@@ -58,33 +43,15 @@ export default function LandingPage() {
|
|||||||
title="Match, Blast, and Conquer!"
|
title="Match, Blast, and Conquer!"
|
||||||
description="Dive into the sweetest adventure of your life. Swap and match colorful candies to crush levels and win amazing rewards."
|
description="Dive into the sweetest adventure of your life. Swap and match colorful candies to crush levels and win amazing rewards."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Download Now", href: "#contact" },
|
||||||
text: "Download Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-vector/match-3-game-background-with-cute-candy-icons_107791-12769.jpg"
|
imageSrc="http://img.b2bpic.net/free-vector/match-3-game-background-with-cute-candy-icons_107791-12769.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/high-angle-smiley-man-home-with-tablet_23-2148614496.jpg", alt: "Player 1" },
|
||||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-man-home-with-tablet_23-2148614496.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/middle-eastern-man-playing-video-games-online-mobile-phone_482257-121851.jpg", alt: "Player 2" },
|
||||||
alt: "Player 1",
|
{ src: "http://img.b2bpic.net/free-photo/smiling-gamer-girl-with-headset_23-2152006691.jpg", alt: "Player 3" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/cheerful-cute-girl-winning-online-video-game-smartphone-making-fist-pump-shouting-yes-with-joy-standing-blue-background-triumphing_1258-69917.jpg", alt: "Player 4" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/chinese-woman-streamer-smiling-confident-using-headset-gaming-room_839833-27849.jpg", alt: "Player 5" },
|
||||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-man-playing-video-games-online-mobile-phone_482257-121851.jpg",
|
|
||||||
alt: "Player 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-gamer-girl-with-headset_23-2152006691.jpg",
|
|
||||||
alt: "Player 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cheerful-cute-girl-winning-online-video-game-smartphone-making-fist-pump-shouting-yes-with-joy-standing-blue-background-triumphing_1258-69917.jpg",
|
|
||||||
alt: "Player 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/chinese-woman-streamer-smiling-confident-using-headset-gaming-room_839833-27849.jpg",
|
|
||||||
alt: "Player 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="10M+ happy players worldwide"
|
avatarText="10M+ happy players worldwide"
|
||||||
/>
|
/>
|
||||||
@@ -94,19 +61,9 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "The Ultimate" },
|
||||||
type: "text",
|
{ type: "image", src: "http://img.b2bpic.net/free-vector/game-icons-striped-hard-sugar-candies_107791-12596.jpg", alt: "About Candy" },
|
||||||
content: "The Ultimate",
|
{ type: "text", content: "Candy Puzzle Experience" },
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-vector/game-icons-striped-hard-sugar-candies_107791-12596.jpg",
|
|
||||||
alt: "About Candy",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
content: "Candy Puzzle Experience",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -118,29 +75,11 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Stripe Candy", description: "Clear entire rows with a single blast.", imageSrc: "http://img.b2bpic.net/free-vector/game-level-up-banners-with-candy-design-elements_107791-31902.jpg", titleIconSrc: "Zap", buttonText: "Learn More" },
|
||||||
title: "Stripe Candy",
|
{ title: "Chocolate Bomb", description: "Massive explosions for massive scores.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-comics-speech-bubble-composition_23-2149006196.jpg", titleIconSrc: "Zap", buttonText: "Learn More" },
|
||||||
description: "Clear entire rows with a single blast.",
|
{ title: "Color Crush", description: "Clear every candy of one color.", imageSrc: "http://img.b2bpic.net/free-photo/black-board-full-colorful-beans-candies-white-surface_114579-67202.jpg", titleIconSrc: "Zap", buttonText: "Learn More" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/game-level-up-banners-with-candy-design-elements_107791-31902.jpg",
|
|
||||||
titleIconSrc: "Zap",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Chocolate Bomb",
|
|
||||||
description: "Massive explosions for massive scores.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-comics-speech-bubble-composition_23-2149006196.jpg",
|
|
||||||
titleIconSrc: "Zap",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Color Crush",
|
|
||||||
description: "Clear every candy of one color.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-board-full-colorful-beans-candies-white-surface_114579-67202.jpg",
|
|
||||||
titleIconSrc: "Zap",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why You'll Love It"
|
title="Game Mechanics"
|
||||||
description="Endless levels and satisfying crunches."
|
description="Endless levels and satisfying crunches."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -151,41 +90,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah J.", handle: "@sarah", testimonial: "I can't stop playing this game!", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-man-home-with-tablet_23-2148614496.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Mike C.", handle: "@mike", testimonial: "The best puzzle game I've ever played.", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-playing-video-games-online-mobile-phone_482257-121851.jpg" },
|
||||||
name: "Sarah J.",
|
|
||||||
handle: "@sarah",
|
|
||||||
testimonial: "I can't stop playing this game!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-man-home-with-tablet_23-2148614496.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Mike C.",
|
|
||||||
handle: "@mike",
|
|
||||||
testimonial: "The best puzzle game I've ever played.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-playing-video-games-online-mobile-phone_482257-121851.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily R.",
|
|
||||||
handle: "@emily",
|
|
||||||
testimonial: "Super addictive and fun.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-gamer-girl-with-headset_23-2152006691.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David K.",
|
|
||||||
handle: "@david",
|
|
||||||
testimonial: "Perfect for passing time.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-cute-girl-winning-online-video-game-smartphone-making-fist-pump-shouting-yes-with-joy-standing-blue-background-triumphing_1258-69917.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Anna W.",
|
|
||||||
handle: "@anna",
|
|
||||||
testimonial: "Levels get quite challenging!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-streamer-smiling-confident-using-headset-gaming-room_839833-27849.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Players Say"
|
title="What Our Players Say"
|
||||||
description="Join millions of happy candy crushers."
|
description="Join millions of happy candy crushers."
|
||||||
@@ -195,57 +101,23 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
text="Ready to crush some candy? Download today and start your journey!"
|
text="Ready to crush some candy? Download today and start your journey!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Get on App Store", href: "#" },
|
||||||
text: "Get on App Store",
|
{ text: "Get on Play Store", href: "#" },
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Get on Play Store",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterLogoReveal
|
||||||
logoText="SweetCandy"
|
logoText="SweetCandy"
|
||||||
columns={[
|
leftLink={{ text: "Download Android", href: "#" }}
|
||||||
{
|
rightLink={{ text: "Follow on Social", href: "#" }}
|
||||||
title: "Game",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Levels",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Community",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user