9 Commits

Author SHA1 Message Date
0d3421f2c0 Update src/app/story-writing/page.tsx 2026-03-19 17:06:14 +00:00
340d25e9ea Update src/app/page.tsx 2026-03-19 17:06:13 +00:00
728a3b03ec Update src/app/graphic-design/page.tsx 2026-03-19 17:06:13 +00:00
9d52f41fdb Update src/app/coding-sprint/page.tsx 2026-03-19 17:06:12 +00:00
eccecd5c4a Add src/app/story-writing/page.tsx 2026-03-19 17:05:47 +00:00
aae2f7fe60 Update src/app/page.tsx 2026-03-19 17:05:47 +00:00
1e8c970c4c Add src/app/graphic-design/page.tsx 2026-03-19 17:05:47 +00:00
9b41efcab3 Add src/app/coding-sprint/page.tsx 2026-03-19 17:05:46 +00:00
61084011d2 Merge version_1 into main
Merge version_1 into main
2026-03-19 17:03:06 +00:00
4 changed files with 538 additions and 20 deletions

View File

@@ -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?_wi=2"
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?_wi=4", 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?_wi=4", 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?_wi=4", 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?_wi=4", 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?_wi=4", 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?_wi=3", 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?_wi=4", 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?_wi=4", 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?_wi=4", 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>
);
}

View File

@@ -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?_wi=3", 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?_wi=3", 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?_wi=3", 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?_wi=3", 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?_wi=3", 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?_wi=2", 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?_wi=3", 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?_wi=3", 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?_wi=3", 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>
);
}

View File

@@ -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" }
]}
@@ -79,7 +81,7 @@ export default function LandingPage() {
id: "design-competition", name: "Graphic Design Challenge", price: "₹49", imageSrc: "http://img.b2bpic.net/free-vector/web-design-instagram-stories-template_23-2150921564.jpg?_wi=2", imageAlt: "Design Competition"
},
{
id: "coding-contest", name: "Coding Sprint", price: "₹49", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-concept-with-flat-design-background_23-2148311546.jpg", imageAlt: "Coding Competition"
id: "coding-contest", name: "Coding Sprint", price: "₹49", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-concept-with-flat-design-background_23-2148311546.jpg?_wi=1", imageAlt: "Coding Competition"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -97,13 +99,13 @@ export default function LandingPage() {
animationType="slide-up"
features={[
{
id: "certificates", title: "Earn Certificates", description: "Get professionally designed certificates for your participation and achievements. Perfect for your resume and portfolio.", tag: "Recognition", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041846.jpg", imageAlt: "Achievement certificate"
id: "certificates", title: "Earn Certificates", description: "Get professionally designed certificates for your participation and achievements. Perfect for your resume and portfolio.", tag: "Recognition", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041846.jpg?_wi=1", imageAlt: "Achievement certificate"
},
{
id: "featured", title: "Get Featured", description: "Top performers get featured on our platform and newsletter. Build your reputation in the student community.", tag: "Spotlight", imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-prize-arrangement_23-2149059639.jpg", imageAlt: "Featured student recognition"
id: "featured", title: "Get Featured", description: "Top performers get featured on our platform and newsletter. Build your reputation in the student community.", tag: "Spotlight", imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-prize-arrangement_23-2149059639.jpg?_wi=1", imageAlt: "Featured student recognition"
},
{
id: "portfolio", title: "Build Your Profile", description: "Create a comprehensive portfolio showcasing all your achievements, competitions, and skills in one place.", tag: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-teenagers-with-laptop_23-2149239049.jpg", imageAlt: "Student profile building"
id: "portfolio", title: "Build Your Profile", description: "Create a comprehensive portfolio showcasing all your achievements, competitions, and skills in one place.", tag: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-teenagers-with-laptop_23-2149239049.jpg?_wi=1", imageAlt: "Student profile building"
}
]}
ariaLabel="Benefits section"
@@ -119,10 +121,10 @@ export default function LandingPage() {
animationType="slide-up"
metrics={[
{
id: "step-1", value: "1", title: "Pay & Register", description: "Choose a competition and pay the entry fee via UPI. Fill your profile information quickly.", imageSrc: "http://img.b2bpic.net/free-photo/credit-card-application-form-concept_53876-123812.jpg", imageAlt: "Registration process"
id: "step-1", value: "1", title: "Pay & Register", description: "Choose a competition and pay the entry fee via UPI. Fill your profile information quickly.", imageSrc: "http://img.b2bpic.net/free-photo/credit-card-application-form-concept_53876-123812.jpg?_wi=1", imageAlt: "Registration process"
},
{
id: "step-2", value: "2", title: "Submit Your Entry", description: "Upload or write your submission following the competition rules and guidelines before the deadline.", imageSrc: "http://img.b2bpic.net/free-photo/tired-people-working-late-their-office_23-2149006051.jpg", imageAlt: "Submission process"
id: "step-2", value: "2", title: "Submit Your Entry", description: "Upload or write your submission following the competition rules and guidelines before the deadline.", imageSrc: "http://img.b2bpic.net/free-photo/tired-people-working-late-their-office_23-2149006051.jpg?_wi=1", imageAlt: "Submission process"
},
{
id: "step-3", value: "3", title: "Win & Celebrate", description: "Results announced within 7 days. Winners get certificates, recognition, and amazing prizes!", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswomen-holding-hands-while-greeting-hallway_637285-13073.jpg", imageAlt: "Winners celebration"
@@ -158,15 +160,15 @@ export default function LandingPage() {
testimonials={[
{
id: "testimonial-1", name: "Priya Sharma", role: "Student", company: "Delhi Public School", 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: "Priya Sharma testimonial"
imageSrc: "http://img.b2bpic.net/free-photo/graduate-woman-showing-winner-gesture-casual-clothes-uniform-looking-blissful-front-view_176474-51113.jpg?_wi=1", imageAlt: "Priya Sharma testimonial"
},
{
id: "testimonial-2", name: "Arjun Patel", role: "Student", company: "Mumbai High School", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg", imageAlt: "Arjun Patel testimonial"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg?_wi=1", imageAlt: "Arjun Patel testimonial"
},
{
id: "testimonial-3", name: "Neha Verma", role: "Student", company: "Bangalore Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104569.jpg", imageAlt: "Neha Verma testimonial"
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104569.jpg?_wi=1", imageAlt: "Neha Verma testimonial"
},
{
id: "testimonial-4", name: "Rahul Singh", role: "Student", company: "Chennai Institute", rating: 5,
@@ -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."

View File

@@ -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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=1", 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?_wi=2", 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?_wi=2", 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?_wi=2", 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>
);
}