Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,12 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
@@ -28,30 +29,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Games", id: "products" },
-        {
+        { name: "Plans", id: "pricing" },
-          name: "Games",          id: "products"},
+        { name: "Testimonials", id: "testimonial" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Yono Games"
-      button={{
+      button={{ text: "Download App", href: "#" }}
-        text: "Download App",        href: "#"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       logoText="Yono Games"
       description="The ultimate destination for real money gaming. Explore rummy, slots, bingo, and arcade games with daily rewards and lightning-fast withdrawals."
       buttons={[
-        {
+        { text: "Join Now", href: "#" },
-          text: "Join Now",          href: "#"},
+        { text: "Learn More", href: "#products" },
-        {
-          text: "Learn More",          href: "#products"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg"
       imageAlt="Yono Games Portal UI"
@@ -66,58 +62,45 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", brand: "Arcade", name: "Rummy Gold", price: "Bonus ₹500", rating: 5, reviewCount: "12k", imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-with-elements_23-2149019257.jpg" },
-          id: "1",          brand: "Arcade",          name: "Rummy Gold",          price: "Bonus ₹500",          rating: 5,
+        { id: "2", brand: "Slots", name: "Diwa Slots", price: "Bonus ₹100", rating: 4, reviewCount: "8k", imageSrc: "http://img.b2bpic.net/free-photo/lotto-slot-machine-jackpot-win-concept_53876-124308.jpg" },
-          reviewCount: "12k",          imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-with-elements_23-2149019257.jpg"},
+        { id: "3", brand: "Bingo", name: "Bingo 101", price: "Bonus ₹1000", rating: 5, reviewCount: "15k", imageSrc: "http://img.b2vector/entertaining-icons-set_1284-5063.jpg" },
-        {
-          id: "2",          brand: "Slots",          name: "Diwa Slots",          price: "Bonus ₹100",          rating: 4,
-          reviewCount: "8k",          imageSrc: "http://img.b2bpic.net/free-photo/lotto-slot-machine-jackpot-win-concept_53876-124308.jpg"},
-        {
-          id: "3",          brand: "Bingo",          name: "Bingo 101",          price: "Bonus ₹1000",          rating: 5,
-          reviewCount: "15k",          imageSrc: "http://img.b2bpic.net/free-vector/entertaining-icons-set_1284-5063.jpg"},
-        {
-          id: "4",          brand: "Cards",          name: "Poker Pro",          price: "Bonus ₹200",          rating: 4,
-          reviewCount: "5k",          imageSrc: "http://img.b2bpic.net/free-vector/casino-elements-collection_23-2147627790.jpg"},
-        {
-          id: "5",          brand: "Arcade",          name: "Joy Stick",          price: "Bonus ₹300",          rating: 5,
-          reviewCount: "9k",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-arcade-game-box_23-2151005754.jpg"},
-        {
-          id: "6",          brand: "Board",          name: "Ludo Champ",          price: "Bonus ₹150",          rating: 4,
-          reviewCount: "10k",          imageSrc: "http://img.b2bpic.net/free-vector/casino-icon-flat_1284-4432.jpg"},
       ]}
       title="Popular Games"
       description="Dive into our curated list of top-performing games with high bonuses and easy withdrawals."
     />
   </div>
 
+  <div id="pricing" data-section="pricing">
+      <PricingCardTwo
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Subscription Plans"
+      description="Choose the plan that fits your gaming style and maximize your winning potential."
+      plans={[
+        { id: "basic", badge: "Starter", price: "₹99", subtitle: "Daily basic access", features: ["Access to basic games", "Daily login bonus", "Community access"], buttons: [{ text: "Get Started", href: "#" }] },
+        { id: "pro", badge: "Pro", price: "₹499", subtitle: "Advanced gaming power", features: ["Everything in Starter", "Advanced slots & poker", "Instant withdrawals", "Priority support"], buttons: [{ text: "Go Pro", href: "#" }] },
+      ]}
+    />
+  </div>
+
   <div id="testimonial" data-section="testimonial">
       <TestimonialCardSixteen
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      title="Player Stories"
+      title="What Our Users Say"
-      description="See why thousands of players trust Yono Games for their daily gaming fix."
+      description="Trusted by gamers across the globe to deliver reliable payouts and a fun experience."
       kpiItems={[
-        {
+        { value: "1M+", label: "Active Players" },
-          value: "1M+",          label: "Active Players"},
+        { value: "99%", label: "Instant Payouts" },
-        {
+        { value: "24/7", label: "Support Available" },
-          value: "99%",          label: "Instant Payouts"},
-        {
-          value: "24/7",          label: "Support Available"},
       ]}
       testimonials={[
-        {
+        { id: "1", name: "Ravi K.", role: "Pro Player", company: "Rummy Enthusiast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-with-elements_23-2149019257.jpg" },
-          id: "1",          name: "Ravi K.",          role: "Pro Player",          company: "Rummy Enthusiast",          rating: 5,
+        { id: "2", name: "Sonia P.", role: "Casual Gamer", company: "Slot Queen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lotto-slot-machine-jackpot-win-concept_53876-124308.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-with-elements_23-2149019257.jpg"},
+        { id: "3", name: "Amit V.", role: "Daily Winner", company: "Bingo Master", rating: 4, imageSrc: "http://img.b2vector/entertaining-icons-set_1284-5063.jpg" },
-        {
-          id: "2",          name: "Sonia P.",          role: "Casual Gamer",          company: "Slot Queen",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lotto-slot-machine-jackpot-win-concept_53876-124308.jpg"},
-        {
-          id: "3",          name: "Amit V.",          role: "Daily Winner",          company: "Bingo Master",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-vector/entertaining-icons-set_1284-5063.jpg"},
-        {
-          id: "4",          name: "Vikram D.",          role: "Card Shark",          company: "Poker League",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/casino-elements-collection_23-2147627790.jpg"},
       ]}
     />
   </div>
@@ -127,28 +110,23 @@ export default function LandingPage() {
       layout="section"
       title="Terms and Responsible Gaming"
       sections={[
-        {
+        { heading: "Responsible Play", content: { type: "paragraph", text: "Yono Games promotes responsible gaming. Ensure you play within your limits and legal boundaries." } },
-          heading: "Responsible Play",          content: { type: "paragraph", text: "Yono Games promotes responsible gaming. Ensure you play within your limits and legal boundaries." },
+        { heading: "Terms of Service", content: { type: "list", items: ["Players must be 18+ years of age.", "Real money gaming is subject to local laws.", "Withdrawals are processed within 24 hours."] } },
-        },
-        {
-          heading: "Terms of Service",          content: { type: "list", items: [
-              "Players must be 18+ years of age.",              "Real money gaming is subject to local laws.",              "Withdrawals are processed within 24 hours.",              "Accounts found in violation of terms will be suspended."],
-          },
-        },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Support & Help"
-      background={{
+      description="We're here 24/7 to help you. Reach out via the form below or email us for any assistance."
-        variant: "plain"}}
+      inputs={[
-      text="Need help with withdrawals or account issues? Our support team is available 24/7 to ensure you have a seamless gaming experience."
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      buttons={[
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        {
-          text: "Contact Support",          href: "mailto:support@yonogames.com"},
       ]}
+      textarea={{ name: "message", placeholder: "Describe your issue...", rows: 4, required: true }}
+      useInvertedBackground={false}
+      buttonText="Send Request"
     />
   </div>