From 9b41efcab3587002ceb2130b3dc050083a690b24 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 17:05:46 +0000
Subject: [PATCH 1/4] Add src/app/coding-sprint/page.tsx

---
 src/app/coding-sprint/page.tsx | 172 +++++++++++++++++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 src/app/coding-sprint/page.tsx

diff --git a/src/app/coding-sprint/page.tsx b/src/app/coding-sprint/page.tsx
new file mode 100644
index 0000000..b77b70c
--- /dev/null
+++ b/src/app/coding-sprint/page.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Code, Trophy, Users, Zap } from "lucide-react";
+
+export default function CodingSprintPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="noiseDiagonalGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="TalentForge"
+          navItems={[
+            { name: "Story Writing", id: "story-writing" },
+            { name: "Graphic Design", id: "graphic-design" },
+            { name: "Coding Sprint", id: "coding-sprint" },
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Benefits", id: "benefits" }
+          ]}
+          button={{ text: "Join Now", href: "#" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Coding Sprint"
+          description="Challenge your programming skills in timed competitions. Solve problems, compete globally, and prove your coding expertise."
+          tag="Live Now"
+          tagIcon={Code}
+          buttons={[
+            { text: "Register Now", href: "#" },
+            { text: "View Problems", href: "#" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-vector/cyber-monday-concept-with-flat-design-background_23-2148311546.jpg"
+          imageAlt="Coding Sprint Hero"
+          showDimOverlay={true}
+          showBlur={true}
+          ariaLabel="Coding Sprint page"
+        />
+      </div>
+
+      <div id="details" data-section="details">
+        <FeatureCardMedia
+          title="Competition Details"
+          description="Everything you need to know about Coding Sprint."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            {
+              id: "entry-fee",              title: "Entry Fee",              description: "Join for just ₹49. Get a certificate, visibility in leaderboard, and profile badge.",              tag: "Affordable",              imageSrc: "http://img.b2bpic.net/free-photo/credit-card-application-form-concept_53876-123812.jpg",              imageAlt: "Entry Fee"
+            },
+            {
+              id: "prizes",              title: "Prize Pool",              description: "Total prize pool ₹50,000. Winner gets ₹25,000 + laptop voucher. Top 10 get cash prizes.",              tag: "Rewards",              imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-prize-arrangement_23-2149059639.jpg",              imageAlt: "Prizes"
+            },
+            {
+              id: "timeline",              title: "Schedule",              description: "Contest runs for 24 hours. Start: Dec 30th 10 AM. End: Dec 31st 10 AM IST. Results within 48 hours.",              tag: "Schedule",              imageSrc: "http://img.b2bpic.net/free-photo/tired-people-working-late-their-office_23-2149006051.jpg",              imageAlt: "Timeline"
+            }
+          ]}
+          ariaLabel="Coding Sprint competition details"
+        />
+      </div>
+
+      <div id="guidelines" data-section="guidelines">
+        <MetricCardEleven
+          title="Problem Details"
+          description="Understand the structure and requirements of Coding Sprint problems."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "problems",              value: "10",              title: "Total Problems",              description: "Mix of easy, medium, and hard problems. Solve as many as you can in 24 hours.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-teenagers-with-laptop_23-2149239049.jpg",              imageAlt: "Problems"
+            },
+            {
+              id: "languages",              value: "10+",              title: "Languages",              description: "Code in Python, C++, Java, JavaScript, C#, Go, Rust, Ruby, PHP, and more.",              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041846.jpg",              imageAlt: "Languages"
+            },
+            {
+              id: "scoring",              value: "Timed",              title: "Scoring System",              description: "Points awarded for each correct solution. Faster submissions get bonus points. Penalties for wrong attempts.",              imageSrc: "http://img.b2bpic.net/free-vector/web-design-instagram-stories-template_23-2150921564.jpg",              imageAlt: "Scoring"
+            }
+          ]}
+          ariaLabel="Coding Sprint problem details"
+        />
+      </div>
+
+      <div id="winners" data-section="winners">
+        <TestimonialCardOne
+          title="Top Coders"
+          description="Meet the brilliant programmers who topped our coding competitions."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          testimonials={[
+            {
+              id: "coder-1",              name: "Akshay Verma",              role: "Rank 1",              company: "Previous Sprint",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/graduate-woman-showing-winner-gesture-casual-clothes-uniform-looking-blissful-front-view_176474-51113.jpg",              imageAlt: "Akshay Verma"
+            },
+            {
+              id: "coder-2",              name: "Sneha Patel",              role: "Rank 2",              company: "Previous Sprint",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg",              imageAlt: "Sneha Patel"
+            },
+            {
+              id: "coder-3",              name: "Rishabh Joshi",              role: "Rank 3",              company: "Previous Sprint",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104569.jpg",              imageAlt: "Rishabh Joshi"
+            }
+          ]}
+          ariaLabel="Top coders"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Competitions",              items: [
+                { label: "Story Writing", href: "/story-writing" },
+                { label: "Graphic Design", href: "/graphic-design" },
+                { label: "Coding Sprint", href: "/coding-sprint" },
+                { label: "Browse All", href: "/" }
+              ]
+            },
+            {
+              title: "Platform",              items: [
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Browse Winners", href: "#" },
+                { label: "FAQ", href: "#" },
+                { label: "Rules", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Competition Rules", href: "#" },
+                { label: "Refund Policy", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2024 TalentForge. All rights reserved."
+          bottomRightText="Empowering student talent worldwide."
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From 1e8c970c4c3be1f7dff7c0664aabe1c9e2fb9e59 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 17:05:47 +0000
Subject: [PATCH 2/4] Add src/app/graphic-design/page.tsx

---
 src/app/graphic-design/page.tsx | 172 ++++++++++++++++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 src/app/graphic-design/page.tsx

diff --git a/src/app/graphic-design/page.tsx b/src/app/graphic-design/page.tsx
new file mode 100644
index 0000000..344f128
--- /dev/null
+++ b/src/app/graphic-design/page.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Palette, Trophy, Users, Clock } from "lucide-react";
+
+export default function GraphicDesignPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="noiseDiagonalGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="TalentForge"
+          navItems={[
+            { name: "Story Writing", id: "story-writing" },
+            { name: "Graphic Design", id: "graphic-design" },
+            { name: "Coding Sprint", id: "coding-sprint" },
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Benefits", id: "benefits" }
+          ]}
+          button={{ text: "Join Now", href: "#" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Graphic Design Challenge"
+          description="Showcase your design skills and create visual masterpieces. Compete with designers worldwide and win amazing prizes."
+          tag="Limited Slots"
+          tagIcon={Palette}
+          buttons={[
+            { text: "Register Now", href: "#" },
+            { text: "View Rules", href: "#" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-vector/web-design-instagram-stories-template_23-2150921564.jpg?_wi=1"
+          imageAlt="Graphic Design Challenge Hero"
+          showDimOverlay={true}
+          showBlur={true}
+          ariaLabel="Graphic Design Challenge page"
+        />
+      </div>
+
+      <div id="details" data-section="details">
+        <FeatureCardMedia
+          title="Competition Details"
+          description="Everything you need to know about the Graphic Design Challenge."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            {
+              id: "entry-fee",              title: "Entry Fee",              description: "Join the competition for just ₹49. All participants get a certificate of participation.",              tag: "Affordable",              imageSrc: "http://img.b2bpic.net/free-photo/credit-card-application-form-concept_53876-123812.jpg",              imageAlt: "Entry Fee"
+            },
+            {
+              id: "prizes",              title: "Exciting Rewards",              description: "Grand prize ₹10,000 + portfolio feature. Runner-up ₹5,000. Top 5 get certificates and portfolio exposure.",              tag: "Rewards",              imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-prize-arrangement_23-2149059639.jpg",              imageAlt: "Prizes"
+            },
+            {
+              id: "timeline",              title: "Timeline",              description: "Registration open until Dec 25th. Submission deadline Jan 8th. Winners announced Jan 15th.",              tag: "Schedule",              imageSrc: "http://img.b2bpic.net/free-photo/tired-people-working-late-their-office_23-2149006051.jpg",              imageAlt: "Timeline"
+            }
+          ]}
+          ariaLabel="Graphic Design competition details"
+        />
+      </div>
+
+      <div id="guidelines" data-section="guidelines">
+        <MetricCardEleven
+          title="Design Requirements"
+          description="Follow these specifications to ensure your design qualifies for evaluation."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "formats",              value: "PNG/PSD",              title: "Supported Formats",              description: "Submit designs in PNG, PSD, AI, or PDF format. High resolution (300 DPI) required.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-teenagers-with-laptop_23-2149239049.jpg",              imageAlt: "File Formats"
+            },
+            {
+              id: "originality",              value: "Original",              title: "Original Design",              description: "All designs must be 100% original. No stock images or pre-made templates allowed.",              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041846.jpg",              imageAlt: "Originality"
+            },
+            {
+              id: "theme",              value: "Open",              title: "Design Theme",              description: "Create designs on any theme - branding, poster, UI/UX, illustrations, or any creative concept.",              imageSrc: "http://img.b2bpic.net/free-vector/web-design-instagram-stories-template_23-2150921564.jpg",              imageAlt: "Design Theme"
+            }
+          ]}
+          ariaLabel="Graphic Design requirements"
+        />
+      </div>
+
+      <div id="winners" data-section="winners">
+        <TestimonialCardOne
+          title="Featured Designers"
+          description="Celebrate the amazing designs from our previous competitions."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          testimonials={[
+            {
+              id: "designer-1",              name: "Arjun Kumar",              role: "Grand Winner",              company: "Previous Edition",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/graduate-woman-showing-winner-gesture-casual-clothes-uniform-looking-blissful-front-view_176474-51113.jpg",              imageAlt: "Arjun Kumar"
+            },
+            {
+              id: "designer-2",              name: "Priya Nair",              role: "Runner-up",              company: "Previous Edition",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg",              imageAlt: "Priya Nair"
+            },
+            {
+              id: "designer-3",              name: "Vikram Sharma",              role: "Top 3",              company: "Previous Edition",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104569.jpg",              imageAlt: "Vikram Sharma"
+            }
+          ]}
+          ariaLabel="Featured designers"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Competitions",              items: [
+                { label: "Story Writing", href: "/story-writing" },
+                { label: "Graphic Design", href: "/graphic-design" },
+                { label: "Coding Sprint", href: "/coding-sprint" },
+                { label: "Browse All", href: "/" }
+              ]
+            },
+            {
+              title: "Platform",              items: [
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Browse Winners", href: "#" },
+                { label: "FAQ", href: "#" },
+                { label: "Rules", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Competition Rules", href: "#" },
+                { label: "Refund Policy", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2024 TalentForge. All rights reserved."
+          bottomRightText="Empowering student talent worldwide."
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From aae2f7fe608c0679382942a4059fa562871f428f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 17:05:47 +0000
Subject: [PATCH 3/4] Update src/app/page.tsx

---
 src/app/page.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f955560..2f280f2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,7 +29,9 @@ export default function LandingPage() {
         <NavbarLayoutFloatingInline
           brandName="TalentForge"
           navItems={[
-            { name: "Competitions", id: "competitions" },
+            { name: "Story Writing", id: "story-writing" },
+            { name: "Graphic Design", id: "graphic-design" },
+            { name: "Coding Sprint", id: "coding-sprint" },
             { name: "How It Works", id: "how-it-works" },
             { name: "Benefits", id: "benefits" }
           ]}
@@ -204,12 +206,20 @@ export default function LandingPage() {
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[
+            {
+              title: "Competitions",              items: [
+                { label: "Story Writing", href: "/story-writing" },
+                { label: "Graphic Design", href: "/graphic-design" },
+                { label: "Coding Sprint", href: "/coding-sprint" },
+                { label: "Browse All", href: "#competitions" }
+              ]
+            },
             {
               title: "Platform",              items: [
-                { label: "Competitions", href: "#competitions" },
                 { label: "How It Works", href: "#how-it-works" },
                 { label: "Browse Winners", href: "#" },
-                { label: "FAQ", href: "#" }
+                { label: "FAQ", href: "#" },
+                { label: "Rules", href: "#" }
               ]
             },
             {
@@ -227,14 +237,6 @@ export default function LandingPage() {
                 { label: "Competition Rules", href: "#" },
                 { label: "Refund Policy", href: "#" }
               ]
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "https://twitter.com" },
-                { label: "Instagram", href: "https://instagram.com" },
-                { label: "LinkedIn", href: "https://linkedin.com" },
-                { label: "Discord", href: "https://discord.com" }
-              ]
             }
           ]}
           bottomLeftText="© 2024 TalentForge. All rights reserved."
-- 
2.49.1


From eccecd5c4a0511abc8f11e4d469a2a1b356bb6de Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 17:05:47 +0000
Subject: [PATCH 4/4] Add src/app/story-writing/page.tsx

---
 src/app/story-writing/page.tsx | 172 +++++++++++++++++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 src/app/story-writing/page.tsx

diff --git a/src/app/story-writing/page.tsx b/src/app/story-writing/page.tsx
new file mode 100644
index 0000000..0f4edcd
--- /dev/null
+++ b/src/app/story-writing/page.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { FileText, Trophy, Users, Clock } from "lucide-react";
+
+export default function StoryWritingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="noiseDiagonalGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="TalentForge"
+          navItems={[
+            { name: "Story Writing", id: "story-writing" },
+            { name: "Graphic Design", id: "graphic-design" },
+            { name: "Coding Sprint", id: "coding-sprint" },
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Benefits", id: "benefits" }
+          ]}
+          button={{ text: "Join Now", href: "#" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Story Writing Contest"
+          description="Unleash your creativity and share your stories with thousands of passionate readers. Compete, win prizes, and get published on TalentForge."
+          tag="Open Now"
+          tagIcon={FileText}
+          buttons={[
+            { text: "Register Now", href: "#" },
+            { text: "View Rules", href: "#" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-red-pen-notepad-with-small-bow-pine-tree-branch-dark-red-surface-with-free-space_140725-63191.jpg?_wi=1"
+          imageAlt="Story Writing Contest Hero"
+          showDimOverlay={true}
+          showBlur={true}
+          ariaLabel="Story Writing Contest page"
+        />
+      </div>
+
+      <div id="details" data-section="details">
+        <FeatureCardMedia
+          title="Competition Details"
+          description="Everything you need to know about the Story Writing Contest."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            {
+              id: "entry-fee",              title: "Entry Fee",              description: "Join the competition for just ₹49. Get your certificate and recognition as a participant.",              tag: "Affordable",              imageSrc: "http://img.b2bpic.net/free-photo/credit-card-application-form-concept_53876-123812.jpg",              imageAlt: "Entry Fee"
+            },
+            {
+              id: "prizes",              title: "Amazing Prizes",              description: "Winner gets cash prize, trophy, and featured article on TalentForge. Top 10 finalists get certificates.",              tag: "Rewards",              imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-prize-arrangement_23-2149059639.jpg",              imageAlt: "Prizes"
+            },
+            {
+              id: "timeline",              title: "Timeline",              description: "Registration closes on Dec 31st. Submit stories by Jan 10th. Results announced within 7 days of deadline.",              tag: "Schedule",              imageSrc: "http://img.b2bpic.net/free-photo/tired-people-working-late-their-office_23-2149006051.jpg",              imageAlt: "Timeline"
+            }
+          ]}
+          ariaLabel="Story Writing competition details"
+        />
+      </div>
+
+      <div id="guidelines" data-section="guidelines">
+        <MetricCardEleven
+          title="Submission Guidelines"
+          description="Follow these guidelines to ensure your story is eligible for judging."
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "length",              value: "1000-5000",              title: "Word Count",              description: "Stories should be between 1000 to 5000 words. Ensure quality over quantity.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-teenagers-with-laptop_23-2149239049.jpg",              imageAlt: "Word Count"
+            },
+            {
+              id: "format",              value: "Original",              title: "Original Content",              description: "Stories must be 100% original and not published elsewhere. Plagiarism will result in disqualification.",              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041846.jpg",              imageAlt: "Original Content"
+            },
+            {
+              id: "genre",              value: "Any",              title: "Genre",              description: "Write in any genre - fiction, fantasy, romance, thriller, sci-fi, horror, or any other category.",              imageSrc: "http://img.b2bpic.net/free-vector/web-design-instagram-stories-template_23-2150921564.jpg",              imageAlt: "Genre"
+            }
+          ]}
+          ariaLabel="Story Writing submission guidelines"
+        />
+      </div>
+
+      <div id="winners" data-section="winners">
+        <TestimonialCardOne
+          title="Past Winners"
+          description="Celebrate the talented writers who won in previous editions."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          testimonials={[
+            {
+              id: "winner-1",              name: "Sakshi Malhotra",              role: "Winner",              company: "Previous Edition",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/graduate-woman-showing-winner-gesture-casual-clothes-uniform-looking-blissful-front-view_176474-51113.jpg",              imageAlt: "Sakshi Malhotra"
+            },
+            {
+              id: "winner-2",              name: "Rohan Desai",              role: "Runner-up",              company: "Previous Edition",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg",              imageAlt: "Rohan Desai"
+            },
+            {
+              id: "winner-3",              name: "Divya Singh",              role: "3rd Place",              company: "Previous Edition",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104569.jpg",              imageAlt: "Divya Singh"
+            }
+          ]}
+          ariaLabel="Story Writing past winners"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Competitions",              items: [
+                { label: "Story Writing", href: "/story-writing" },
+                { label: "Graphic Design", href: "/graphic-design" },
+                { label: "Coding Sprint", href: "/coding-sprint" },
+                { label: "Browse All", href: "/" }
+              ]
+            },
+            {
+              title: "Platform",              items: [
+                { label: "How It Works", href: "/#how-it-works" },
+                { label: "Browse Winners", href: "#" },
+                { label: "FAQ", href: "#" },
+                { label: "Rules", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Competition Rules", href: "#" },
+                { label: "Refund Policy", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2024 TalentForge. All rights reserved."
+          bottomRightText="Empowering student talent worldwide."
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1