Merge version_1 into main #1
199
src/app/page.tsx
199
src/app/page.tsx
@@ -18,52 +18,40 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Courses",
|
||||
id: "courses",
|
||||
},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "tools",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Tools", id: "tools" },
|
||||
{ name: "Community", id: "community" },
|
||||
{ name: "About", id: "about" },
|
||||
]}
|
||||
brandName="GrowthLab"
|
||||
button={{
|
||||
text: "Start Learning",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Learning", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="GrowthLab"
|
||||
description="Learn Marketing. Master Sales. Get Job-Ready with practical, Hinglish-first lessons and real-world tools designed for the modern career seeker."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#courses",
|
||||
},
|
||||
text: "Start Learning", href: "#courses"},
|
||||
{
|
||||
text: "Explore Courses",
|
||||
href: "#courses",
|
||||
},
|
||||
text: "Explore Courses", href: "#courses"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-displaying-business-analytics_482257-115250.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -86,20 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Practical Learning",
|
||||
description: "Don't just watch videos. Engage in daily challenges, live pitch sessions, and real-life problem solving.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-infographic-with-icons_23-2147513547.jpg",
|
||||
},
|
||||
title: "Practical Learning", description: "Don't just watch videos. Engage in daily challenges, live pitch sessions, and real-life problem solving.", imageSrc: "http://img.b2bpic.net/free-vector/business-infographic-with-icons_23-2147513547.jpg"},
|
||||
{
|
||||
title: "Real Case Studies",
|
||||
description: "Analyze actual campaigns from top brands and understand the strategy behind the clicks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-corporate-associates-look-into-project-timelines-agenda-create-strategy_482257-136251.jpg",
|
||||
},
|
||||
title: "Real Case Studies", description: "Analyze actual campaigns from top brands and understand the strategy behind the clicks.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-corporate-associates-look-into-project-timelines-agenda-create-strategy_482257-136251.jpg"},
|
||||
{
|
||||
title: "Interview Ready",
|
||||
description: "Master HR questions, polish your sales pitch, and get direct feedback from our AI mentors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-pink-notepad-with-pen-magnifier-success-note-gray-background_179666-19264.jpg",
|
||||
},
|
||||
title: "Interview Ready", description: "Master HR questions, polish your sales pitch, and get direct feedback from our AI mentors.", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-pink-notepad-with-pen-magnifier-success-note-gray-background_179666-19264.jpg"},
|
||||
]}
|
||||
title="Why GrowthLab?"
|
||||
description="Your roadmap to a successful career in Sales and Marketing."
|
||||
@@ -114,47 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Digital Marketing Basics",
|
||||
price: "Free",
|
||||
variant: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/influencer-youtube-thumbnail-design-template_23-2149598146.jpg",
|
||||
},
|
||||
id: "m1", name: "Digital Marketing Basics", price: "Free", variant: "Marketing", imageSrc: "http://img.b2bpic.net/free-psd/influencer-youtube-thumbnail-design-template_23-2149598146.jpg"},
|
||||
{
|
||||
id: "s1",
|
||||
name: "B2B Sales Techniques",
|
||||
price: "₹999",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enterprise-staff-hosting-brief-session-after-hours-with-mockup-screen-team-exchanging-insight_482257-136192.jpg",
|
||||
},
|
||||
id: "s1", name: "B2B Sales Techniques", price: "₹999", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/enterprise-staff-hosting-brief-session-after-hours-with-mockup-screen-team-exchanging-insight_482257-136192.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Branding Fundamentals",
|
||||
price: "₹499",
|
||||
variant: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/retro-swiss-graphic-posters-with-geometric-bauhaus-shapes-vector-abstract-backgrounds-old-modernism-style-vintage-journal-covers-annual-poster-colorful-shape-illustration_157027-1705.jpg",
|
||||
},
|
||||
id: "m2", name: "Branding Fundamentals", price: "₹499", variant: "Marketing", imageSrc: "http://img.b2bpic.net/free-vector/retro-swiss-graphic-posters-with-geometric-bauhaus-shapes-vector-abstract-backgrounds-old-modernism-style-vintage-journal-covers-annual-poster-colorful-shape-illustration_157027-1705.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "SEO Basics",
|
||||
price: "₹499",
|
||||
variant: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-backpack-her-shoulders-created-with-generative-ai-technology_185193-161972.jpg",
|
||||
},
|
||||
id: "m3", name: "SEO Basics", price: "₹499", variant: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-backpack-her-shoulders-created-with-generative-ai-technology_185193-161972.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Lead Generation Mastery",
|
||||
price: "₹799",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/start-up-business-rocket-icon_53876-13918.jpg",
|
||||
},
|
||||
id: "s2", name: "Lead Generation Mastery", price: "₹799", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/start-up-business-rocket-icon_53876-13918.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Content Marketing",
|
||||
price: "₹599",
|
||||
variant: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg",
|
||||
},
|
||||
id: "m4", name: "Content Marketing", price: "₹599", variant: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg"},
|
||||
]}
|
||||
title="Our Courses"
|
||||
description="Industry-aligned content curated for freshers and MBA students."
|
||||
@@ -168,20 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "ROI Calculator",
|
||||
description: "Track the success of your campaigns and learn how to optimize budget allocation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-online-learning-background_23-2147595475.jpg",
|
||||
},
|
||||
title: "ROI Calculator", description: "Track the success of your campaigns and learn how to optimize budget allocation.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-online-learning-background_23-2147595475.jpg"},
|
||||
{
|
||||
title: "Sales Target Visualizer",
|
||||
description: "Set, track, and visualize your pipeline progress to hit your quotas consistently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/statistical-analysis-25-blue-color-icon-pack-including-exchange-business-business-presentation-graph-analysis-financial-performance_1142-26677.jpg",
|
||||
},
|
||||
title: "Sales Target Visualizer", description: "Set, track, and visualize your pipeline progress to hit your quotas consistently.", imageSrc: "http://img.b2bpic.net/free-vector/statistical-analysis-25-blue-color-icon-pack-including-exchange-business-business-presentation-graph-analysis-financial-performance_1142-26677.jpg"},
|
||||
{
|
||||
title: "Sales Funnel Builder",
|
||||
description: "Map out every touchpoint of your customer's journey and find where you're losing leads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/job-interview-vector_23-2147499572.jpg",
|
||||
},
|
||||
title: "Sales Funnel Builder", description: "Map out every touchpoint of your customer's journey and find where you're losing leads.", imageSrc: "http://img.b2bpic.net/free-vector/job-interview-vector_23-2147499572.jpg"},
|
||||
]}
|
||||
title="Interactive Tools"
|
||||
description="Practice with the same tools top marketers use daily."
|
||||
@@ -196,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5,000+",
|
||||
description: "Active Students",
|
||||
},
|
||||
id: "1", value: "5,000+", description: "Active Students"},
|
||||
{
|
||||
id: "2",
|
||||
value: "120+",
|
||||
description: "Career Placements",
|
||||
},
|
||||
id: "2", value: "120+", description: "Career Placements"},
|
||||
{
|
||||
id: "3",
|
||||
value: "85%",
|
||||
description: "Certification Rate",
|
||||
},
|
||||
id: "3", value: "85%", description: "Certification Rate"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Students growing careers every single day."
|
||||
@@ -221,30 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahul Sharma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-stylish-businesswoman-coat-with-laptop-dreamily-looking-away-outdoor_574295-2169.jpg",
|
||||
},
|
||||
id: "t1", name: "Rahul Sharma", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-stylish-businesswoman-coat-with-laptop-dreamily-looking-away-outdoor_574295-2169.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya Verma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-european-female-model-dressed-inn-coat-kerchief-tied-neck-carries-portable-tablet-looks-away-stands-modern-city-outdoors-considers-something_273609-55302.jpg",
|
||||
},
|
||||
id: "t2", name: "Priya Verma", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-european-female-model-dressed-inn-coat-kerchief-tied-neck-carries-portable-tablet-looks-away-stands-modern-city-outdoors-considers-something_273609-55302.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ankit Patel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
},
|
||||
id: "t3", name: "Ankit Patel", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Simran Kaur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022696.jpg",
|
||||
},
|
||||
id: "t4", name: "Simran Kaur", imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022696.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive-with-glasses_1098-731.jpg",
|
||||
},
|
||||
id: "t5", name: "Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive-with-glasses_1098-731.jpg"},
|
||||
]}
|
||||
cardTitle="Hear from Our Community"
|
||||
cardTag="Success Stories"
|
||||
@@ -259,15 +175,9 @@ export default function LandingPage() {
|
||||
description="Join thousands of students building their future. Have questions? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-open-laptop-wooden-table-with-colorful-chairs_23-2147924168.jpg"
|
||||
/>
|
||||
@@ -278,42 +188,27 @@ export default function LandingPage() {
|
||||
logoText="GrowthLab"
|
||||
columns={[
|
||||
{
|
||||
title: "Courses",
|
||||
items: [
|
||||
title: "Courses", items: [
|
||||
{
|
||||
label: "Marketing",
|
||||
href: "#courses",
|
||||
},
|
||||
label: "Marketing", href: "#courses"},
|
||||
{
|
||||
label: "Sales",
|
||||
href: "#courses",
|
||||
},
|
||||
label: "Sales", href: "#courses"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Tools",
|
||||
href: "#tools",
|
||||
},
|
||||
label: "Tools", href: "#tools"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -322,4 +217,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user