Merge version_1 into main #1
294
src/app/page.tsx
294
src/app/page.tsx
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Gamification",
|
||||
id: "gamification",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Gamification", id: "gamification" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Date for Code"
|
||||
/>
|
||||
@@ -55,65 +44,30 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Find Your Ultimate Coding Partner"
|
||||
description="Date for Code connects students through smart matching algorithms, real-time collaboration rooms, and immersive gamification. Level up your skills together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-developers-doing-brainstorming-optimizing-code_482257-112972.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/development-opportunity-strategy-improvement-word_53876-13771.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-it-workers-using-green-screen-computer_482257-123979.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-database-admins-analyzing-source-code-wall-screen-tv-comparing-errors-using-digital-tablet-busy-server-room-two-cloud-programers-debugging-algorithm-software-innovation-office_482257-43976.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-software-engineers-doing-brainstorming-office_482257-123976.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/meeting-young-architects-office_329181-9634.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/development-opportunity-strategy-improvement-word_53876-13771.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-it-workers-using-green-screen-computer_482257-123979.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-database-admins-analyzing-source-code-wall-screen-tv-comparing-errors-using-digital-tablet-busy-server-room-two-cloud-programers-debugging-algorithm-software-innovation-office_482257-43976.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-software-engineers-doing-brainstorming-office_482257-123976.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/meeting-young-architects-office_329181-9634.jpg", alt: "Student 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Matching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Peer Coding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ranked Leaderboards",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Collaboration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skill Tracking",
|
||||
},
|
||||
{ type: "text", text: "AI Matching" },
|
||||
{ type: "text", text: "Peer Coding" },
|
||||
{ type: "text", text: "Ranked Leaderboards" },
|
||||
{ type: "text", text: "Real-time Collaboration" },
|
||||
{ type: "text", text: "Skill Tracking" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,51 +78,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-time Collaboration",
|
||||
tags: [
|
||||
"WebRTC",
|
||||
"Voice",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-programers-team-working-group-project-multiple-screens-showing-running-code-it-startup-office-coder-pointing-pencil-computer-screen-with-software-compiling-code_482257-33301.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Matching",
|
||||
tags: [
|
||||
"AI-Driven",
|
||||
"Skills",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gamified Engagement",
|
||||
tags: [
|
||||
"Badges",
|
||||
"XP",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-game-controller_23-2151005793.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Version Control",
|
||||
tags: [
|
||||
"Git",
|
||||
"Cloud",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-coder-developing-software-freelance-project-working-remote-from-home-while-boyfriend-is-relaxing-african-american-programmer-writing-source-code-looking-errors-while-debugging_482257-64570.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Global Leaderboard",
|
||||
tags: [
|
||||
"Ranking",
|
||||
"Competitive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-venture-company-worker-requests-help-from-manager_482257-120102.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Real-time Collaboration", tags: ["WebRTC", "Voice"], imageSrc: "http://img.b2bpic.net/free-photo/mixed-programers-team-working-group-project-multiple-screens-showing-running-code-it-startup-office-coder-pointing-pencil-computer-screen-with-software-compiling-code_482257-33301.jpg" },
|
||||
{ id: "f2", title: "Smart Matching", tags: ["AI-Driven", "Skills"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg" },
|
||||
{ id: "f3", title: "Gamified Engagement", tags: ["Badges", "XP"], imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-game-controller_23-2151005793.jpg" },
|
||||
{ id: "f4", title: "Version Control", tags: ["Git", "Cloud"], imageSrc: "http://img.b2bpic.net/free-photo/woman-coder-developing-software-freelance-project-working-remote-from-home-while-boyfriend-is-relaxing-african-american-programmer-writing-source-code-looking-errors-while-debugging_482257-64570.jpg" },
|
||||
{ id: "f5", title: "Global Leaderboard", tags: ["Ranking", "Competitive"], imageSrc: "http://img.b2bpic.net/free-photo/tech-venture-company-worker-requests-help-from-manager_482257-120102.jpg" },
|
||||
]}
|
||||
title="Powerful Features for Peer Learning"
|
||||
description="Collaborate in real-time, track progress, and climb the leaderboard."
|
||||
@@ -179,25 +93,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Skill Improvement",
|
||||
value: "+85%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Total Badges",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Active Sessions",
|
||||
value: "450",
|
||||
},
|
||||
{ id: "m1", icon: TrendingUp, title: "Skill Improvement", value: "+85%" },
|
||||
{ id: "m2", icon: Award, title: "Total Badges", value: "12" },
|
||||
{ id: "m3", icon: Users, title: "Active Sessions", value: "450" },
|
||||
]}
|
||||
title="Track Your Evolution"
|
||||
description="Visualize your coding journey through smart data and performance stats."
|
||||
@@ -208,20 +108,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "How it Works",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg",
|
||||
alt: "How it works",
|
||||
},
|
||||
{ type: "text", content: "How it Works" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg", alt: "How it works" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
{ text: "Learn More" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,60 +123,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Aishwarya P",
|
||||
role: "CS Student",
|
||||
company: "Tech Institute",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-working-laptop_23-2148205683.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Aparna R",
|
||||
role: "Developer",
|
||||
company: "Code Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-from-notebooks-study-session_23-2149265720.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael S",
|
||||
role: "Student",
|
||||
company: "Dev Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-holding-tablet_176420-12578.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah J",
|
||||
role: "Learner",
|
||||
company: "Tech Uni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-118685.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David K",
|
||||
role: "CS Student",
|
||||
company: "College XP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-marketing-agency_52683-107663.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Aishwarya P", role: "CS Student", company: "Tech Institute", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teenager-working-laptop_23-2148205683.jpg" },
|
||||
{ id: "t2", name: "Aparna R", role: "Developer", company: "Code Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-from-notebooks-study-session_23-2149265720.jpg" },
|
||||
{ id: "t3", name: "Michael S", role: "Student", company: "Dev Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-holding-tablet_176420-12578.jpg" },
|
||||
{ id: "t4", name: "Sarah J", role: "Learner", company: "Tech Uni", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-118685.jpg" },
|
||||
{ id: "t5", name: "David K", role: "CS Student", company: "College XP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-working-marketing-agency_52683-107663.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "10k+", label: "Active Users" },
|
||||
{ value: "24/7", label: "Support" },
|
||||
]}
|
||||
title="Loved by Students"
|
||||
description="Hear from the community that changed how they learn to code."
|
||||
@@ -297,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does matching work?",
|
||||
content: "Our AI analyzes your skills, preferences, and interests to find the best coding partner.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it free to use?",
|
||||
content: "Yes, Date for Code is free for students to collaborate and learn.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I use GitHub?",
|
||||
content: "Absolutely, GitHub integration is built-in for all coding sessions.",
|
||||
},
|
||||
{ id: "q1", title: "How does matching work?", content: "Our AI analyzes your skills, preferences, and interests to find the best coding partner." },
|
||||
{ id: "q2", title: "Is it free to use?", content: "Yes, Date for Code is free for students to collaborate and learn." },
|
||||
{ id: "q3", title: "Can I use GitHub?", content: "Absolutely, GitHub integration is built-in for all coding sessions." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Got questions about Date for Code?"
|
||||
@@ -325,21 +160,10 @@ export default function LandingPage() {
|
||||
title="Get Involved"
|
||||
description="Have questions or want to partner with us?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us more...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us more..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-horizontal-greenscreen-smartphone-sitting-desk-freelancer-looking-blank-mockup-background-with-isolated-copyspace-chroma-key-template-telephone-display_482257-47715.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -349,36 +173,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-dice-with-abstract-scenery_23-2151045405.jpg"
|
||||
logoText="Date for Code"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user