Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-03-19 17:05:52 +00:00
4 changed files with 529 additions and 11 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"
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>
);
}

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", 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>
);
}

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" }
]}
@@ -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", 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>
);
}