Update src/app/page.tsx

2026-04-05 06:20:46 +00:00
1 changed files with 28 additions and 156 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 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 InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -28,26 +28,11 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Gameplay", id: "features" },
+        { name: "Community", id: "testimonials" },
+        { name: "Download", id: "contact" },
      ]}
      brandName="SweetCandy"
    />
@@ -58,33 +43,15 @@ export default function LandingPage() {
      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."
      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"
      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/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",
-        },
+        { 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/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"
    />
@@ -94,19 +61,9 @@ export default function LandingPage() {
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
-        {
-          type: "text",
-          content: "The Ultimate",
-        },
-        {
-          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",
-        },
+        { type: "text", content: "The Ultimate" },
+        { 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>
@@ -118,29 +75,11 @@ export default function LandingPage() {
      gridVariant="bento-grid"
      useInvertedBackground={false}
      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: "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: "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: "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."
    />
  </div>
@@ -151,41 +90,8 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={true}
      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: "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",
-        },
+        { 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: "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" },
      ]}
      title="What Our Players Say"
      description="Join millions of happy candy crushers."
@@ -195,57 +101,23 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
      text="Ready to crush some candy? Download today and start your journey!"
      buttons={[
-        {
-          text: "Get on App Store",
-          href: "#",
-        },
-        {
-          text: "Get on Play Store",
-          href: "#",
-        },
+        { text: "Get on App Store", href: "#" },
+        { text: "Get on Play Store", href: "#" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
      logoText="SweetCandy"
-      columns={[
-        {
-          title: "Game",
-          items: [
-            {
-              label: "Levels",
-              href: "#",
-            },
-            {
-              label: "Community",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      leftLink={{ text: "Download Android", href: "#" }}
+      rightLink={{ text: "Follow on Social", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}