Merge version_1 into main #2
221
src/app/page.tsx
221
src/app/page.tsx
@@ -16,64 +16,41 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Syllabus",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Progress",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Syllabus", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Pricing", id: "pricing" }
|
||||
]}
|
||||
brandName="DSA Mastery"
|
||||
button={{ text: "Start Now", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Master Data Structures & Algorithms"
|
||||
description="Your structured, step-by-step path from B.Tech foundations to advanced programming interviews. Interactive learning made simple."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png?_wi=1",
|
||||
imageAlt: "Learning Platform",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png?_wi=2",
|
||||
imageAlt: "Learning Platform",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png?_wi=3",
|
||||
imageAlt: "Learning Platform",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png?_wi=4",
|
||||
imageAlt: "Learning Platform",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png?_wi=5",
|
||||
imageAlt: "Learning Platform",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png?_wi=6",
|
||||
imageAlt: "Learning Platform",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png", imageAlt: "Learning Platform" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png", imageAlt: "Learning Platform" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png", imageAlt: "Learning Platform" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png", imageAlt: "Learning Platform" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png", imageAlt: "Learning Platform" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png", imageAlt: "Learning Platform" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -86,24 +63,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Foundations",
|
||||
description: "Time complexity, Big-O notation, and abstract data types.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/visual-representation-of-a-linked-list-d-1774868574485-cfa24468.png",
|
||||
imageAlt: "Foundations",
|
||||
},
|
||||
{
|
||||
title: "Linear Structures",
|
||||
description: "Linked lists, stacks, queues, and sorting algorithms.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/visualization-of-sorting-algorithms-clea-1774868572278-aae5ce37.png",
|
||||
imageAlt: "Linear Structures",
|
||||
},
|
||||
{
|
||||
title: "Trees & Hashing",
|
||||
description: "BST, AVL Trees, Hashing techniques and collision handling.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/visualization-of-tree-data-structures-bs-1774868572469-4e2b8e26.png",
|
||||
imageAlt: "Trees & Hashing",
|
||||
},
|
||||
{ title: "Foundations", description: "Time complexity, Big-O notation, and abstract data types.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/visual-representation-of-a-linked-list-d-1774868574485-cfa24468.png", imageAlt: "Foundations" },
|
||||
{ title: "Linear Structures", description: "Linked lists, stacks, queues, and sorting algorithms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/visualization-of-sorting-algorithms-clea-1774868572278-aae5ce37.png", imageAlt: "Linear Structures" },
|
||||
{ title: "Trees & Hashing", description: "BST, AVL Trees, Hashing techniques and collision handling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/visualization-of-tree-data-structures-bs-1774868572469-4e2b8e26.png", imageAlt: "Trees & Hashing" }
|
||||
]}
|
||||
title="Comprehensive Syllabus"
|
||||
description="Master core concepts through our 4-unit comprehensive curriculum covering foundations to advanced topics."
|
||||
@@ -115,49 +77,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aman Verma",
|
||||
handle: "@amanv",
|
||||
testimonial: "The unit-wise structure helped me clear my basics. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-b-tech-studen-1774868572287-8611bba5.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Sharma",
|
||||
handle: "@priyas",
|
||||
testimonial: "Finally, a DSA platform that explains things in simple English.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-computer-scie-1774868572176-00110035.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rohan Gupta",
|
||||
handle: "@rohang",
|
||||
testimonial: "The practice problems are gold for placements.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-female-softwa-1774868572056-40878554.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sneha Das",
|
||||
handle: "@snehad",
|
||||
testimonial: "Interactive simulations made recursion feel easy!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-male-software-1774868572124-8dc44790.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Singh",
|
||||
handle: "@vikram",
|
||||
testimonial: "Best platform for B.Tech students to prep for coding interviews.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-b-tech-studen-1774868572287-8611bba5.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Aman Verma", handle: "@amanv", testimonial: "The unit-wise structure helped me clear my basics. Highly recommended!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-b-tech-studen-1774868572287-8611bba5.png" },
|
||||
{ id: "2", name: "Priya Sharma", handle: "@priyas", testimonial: "Finally, a DSA platform that explains things in simple English.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-computer-scie-1774868572176-00110035.png" },
|
||||
{ id: "3", name: "Rohan Gupta", handle: "@rohang", testimonial: "The practice problems are gold for placements.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-female-softwa-1774868572056-40878554.png" },
|
||||
{ id: "4", name: "Sneha Das", handle: "@snehad", testimonial: "Interactive simulations made recursion feel easy!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-male-software-1774868572124-8dc44790.png" },
|
||||
{ id: "5", name: "Vikram Singh", handle: "@vikram", testimonial: "Best platform for B.Tech students to prep for coding interviews.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/professional-portrait-of-a-b-tech-studen-1774868572287-8611bba5.png" }
|
||||
]}
|
||||
title="Join Thousands of Students"
|
||||
description="See what your peers are saying about their journey to DSA mastery."
|
||||
/>
|
||||
@@ -167,26 +94,14 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is this syllabus suitable for beginners?",
|
||||
content: "Absolutely! We start from basic time complexity and build up step-by-step.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there practice problems?",
|
||||
content: "Yes, every topic includes curated practice problems ranging from easy to hard difficulty.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Which languages are supported?",
|
||||
content: "We provide code examples in C++, Python, and Java for every major topic.",
|
||||
},
|
||||
{ id: "1", title: "Is this syllabus suitable for beginners?", content: "Absolutely! We start from basic time complexity and build up step-by-step." },
|
||||
{ id: "2", title: "Are there practice problems?", content: "Yes, every topic includes curated practice problems ranging from easy to hard difficulty." },
|
||||
{ id: "3", title: "Which languages are supported?", content: "We provide code examples in C++, Python, and Java for every major topic." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about starting your DSA journey."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,78 +113,22 @@ export default function LandingPage() {
|
||||
title="Flexible Learning Plans"
|
||||
description="Choose the right plan to accelerate your DSA mastery."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Beginner",
|
||||
price: "Free",
|
||||
features: [
|
||||
"Basic concepts",
|
||||
"Theory lessons",
|
||||
"Community access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro",
|
||||
price: "$19/mo",
|
||||
badge: "Popular",
|
||||
features: [
|
||||
"Advanced Algorithms",
|
||||
"Practice problems",
|
||||
"Interview tracking",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", name: "Beginner", price: "Free", features: ["Basic concepts", "Theory lessons", "Community access"], buttons: [{ text: "Get Started", href: "#" }] },
|
||||
{ id: "pro", name: "Pro", price: "$19/mo", badge: "Popular", features: ["Advanced Algorithms", "Practice problems", "Interview tracking", "Priority support"], buttons: [{ text: "Upgrade", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png?_wi=7"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf7ebOgJEYpJre174Vl8H5pb1V/a-high-tech-modern-software-engineering--1774868574372-0ff946ae.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Learning",
|
||||
items: [
|
||||
{
|
||||
label: "Foundations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Linear",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Practice",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Learning", items: [{ label: "Foundations", href: "#" }, { label: "Linear", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Practice", href: "#" }, { label: "FAQ", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user