Update src/app/results/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,14 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Play",          id: "hero"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Support",          id: "contact"},
+        { name: "Play", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Support", id: "contact" },
+        { name: "Search", id: "/search" }
       ]}
       brandName="Penalty King"
     />
@@ -44,57 +41,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Score Your Glory in Penalty King"
       description="Experience the thrill of the ultimate penalty shootout. Master your aim, beat the keeper, and climb the global leaderboards today."
       testimonials={[
-        {
-          name: "Alex Riv",          handle: "@alexriv",          testimonial: "The best physics I've seen in a mobile penalty game. Absolutely addictive!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1752.jpg?_wi=1",          imageAlt: "football penalty kick stadium goal"},
-        {
-          name: "Sarah Lee",          handle: "@slee",          testimonial: "I love the tournament mode. It feels like a real high-stakes match.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg?_wi=1",          imageAlt: "football physics engine icon"},
-        {
-          name: "Mark P.",          handle: "@markp",          testimonial: "Simple controls but really hard to master. Perfect for short breaks.",          rating: 4,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hnh2y&_wi=1",          imageAlt: "global leaderboard gaming icon"},
-        {
-          name: "Jamie T.",          handle: "@jamiet",          testimonial: "Graphics are stunning and the gameplay is super smooth.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg?_wi=1",          imageAlt: "customizable sports kit UI"},
-        {
-          name: "Jordan S.",          handle: "@jordans",          testimonial: "Finally, a football game that actually feels competitive.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg?_wi=1",          imageAlt: "soccer tournament bracket ui"},
-      ]}
-      buttons={[
-        {
-          text: "Start Shooting",          href: "#"},
+        { name: "Alex Riv", handle: "@alexriv", testimonial: "The best physics I've seen in a mobile penalty game. Absolutely addictive!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1752.jpg?_wi=1", imageAlt: "football penalty kick stadium goal" },
+        { name: "Sarah Lee", handle: "@slee", testimonial: "I love the tournament mode. It feels like a real high-stakes match.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg?_wi=1", imageAlt: "football physics engine icon" }
       ]}
+      buttons={[{ text: "Start Shooting", href: "#" }]}
       imageSrc="http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1752.jpg?_wi=2"
       imageAlt="Penalty kick action"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg",          alt: "User 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/looking-side-concerned-young-sporty-man-holding-ball-showing-silence-gesture_141793-81585.jpg",          alt: "User 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",          alt: "User 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg",          alt: "User 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cute-girl-neon-lit-apartment-filming-dance-tutorial-other-children-watching-her_482257-76855.jpg",          alt: "User 5"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "10M+ Downloads"},
-        {
-          type: "text",          text: "Top Rated Sports"},
-        {
-          type: "text",          text: "Global Tournaments"},
-        {
-          type: "text",          text: "Hyper-Realistic Physics"},
-        {
-          type: "text",          text: "Daily Challenges"},
-      ]}
     />
   </div>
 
@@ -103,18 +59,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Realistic Physics",          description: "Ball trajectory that mimics real-life aerodynamics and spin.",          buttonIcon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg?_wi=2"},
-        {
-          title: "Global Competition",          description: "Climb through divisions and compete against players worldwide.",          buttonIcon: Trophy,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hnh2y&_wi=2"},
-        {
-          title: "Custom Kits",          description: "Unlock hundreds of unique jerseys and stadium accessories.",          buttonIcon: Shirt,
-          imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg?_wi=2"},
-        {
-          title: "Weekly Tournaments",          description: "Join special seasonal events for massive rewards.",          buttonIcon: Calendar,
-          imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg?_wi=2"},
+        { title: "Realistic Physics", description: "Ball trajectory that mimics real-life aerodynamics and spin.", buttonIcon: Zap },
+        { title: "Global Competition", description: "Climb through divisions and compete against players worldwide.", buttonIcon: Trophy },
+        { title: "Custom Kits", description: "Unlock hundreds of unique jerseys and stadium accessories.", buttonIcon: Shirt },
+        { title: "Weekly Tournaments", description: "Join special seasonal events for massive rewards.", buttonIcon: Calendar }
       ]}
       title="Why You'll Love Penalty King"
       description="Engineered for speed, precision, and pure football enjoyment."
@@ -127,23 +75,7 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Alex Riv",          role: "Fan",          company: "Global Player",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg"},
-        {
-          id: "2",          name: "Sarah Lee",          role: "Fan",          company: "Global Player",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/looking-side-concerned-young-sporty-man-holding-ball-showing-silence-gesture_141793-81585.jpg"},
-        {
-          id: "3",          name: "Mark P.",          role: "Fan",          company: "Global Player",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg"},
-        {
-          id: "4",          name: "Jamie T.",          role: "Fan",          company: "Global Player",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg"},
-        {
-          id: "5",          name: "Jordan S.",          role: "Fan",          company: "Global Player",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-neon-lit-apartment-filming-dance-tutorial-other-children-watching-her_482257-76855.jpg"},
-      ]}
+      testimonials={[]}
       title="What Players Say"
       description="Join thousands of soccer fans perfecting their kick."
     />
@@ -157,22 +89,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Exclusive In-Game Gear"
       description="Upgrade your player's look and performance with these essential packs."
-      products={[
-        {
-          id: "1",          brand: "Penalty King",          name: "Golden Boots Pack",          price: "$4.99",          rating: 5,
-          reviewCount: "1.2k",          imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg?_wi=3"},
-        {
-          id: "2",          brand: "Penalty King",          name: "Pro Stadium Kit",          price: "$9.99",          rating: 5,
-          reviewCount: "850",          imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg?_wi=3"},
-      ]}
+      products={[]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Join the Champions"
       description="Sign up for game updates, special tournaments, and free in-game kits."
       tag="Stay Updated"
@@ -182,13 +106,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Penalty King"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Use",        href: "#"}}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Use", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/results/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
+export default function ResultsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="noise"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              navItems={[{ name: "Play", id: "hero" }, { name: "Search", id: "/search" }]}
+              brandName="Penalty King"
+            />
+        </div>
+        <div className="py-20">
+          <ProductCardTwo
+            title="Search Results"
+            description="Showing matches for your search"
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+            products={[]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+              logoText="Penalty King"
+              leftLink={{ text: "Privacy Policy", href: "#" }}
+              rightLink={{ text: "Terms of Use", href: "#" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/search/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import { useState } from 'react';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function SearchPage() {
+  const [query, setQuery] = useState("");
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="noise"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              navItems={[{ name: "Play", id: "hero" }, { name: "Search", id: "/search" }]}
+              brandName="Penalty King"
+            />
+        </div>
+        <div className="min-h-screen flex flex-col items-center justify-center p-12">
+            <h1 className="text-4xl font-bold mb-8">Search for Items</h1>
+            <input 
+              type="text"
+              className="w-full max-w-lg p-4 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              placeholder="Enter keywords..."
+              value={query}
+              onChange={(e) => setQuery(e.target.value)}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+              logoText="Penalty King"
+              leftLink={{ text: "Privacy Policy", href: "#" }}
+              rightLink={{ text: "Terms of Use", href: "#" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}