2 Commits

Author SHA1 Message Date
debdf888ee Merge version_2 into main
Merge version_2 into main
2025-12-25 14:39:55 +00:00
ee7670312f Merge version_2 into main
Merge version_2 into main
2025-12-25 14:37:24 +00:00
2 changed files with 276 additions and 242 deletions

View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #0a0a0a; --background: #000000;
--card: #1a1a1a; --card: #1b1b1b;
--foreground: #ffffff; --foreground: #ffffff;
--primary-cta: #e6e6e6; --primary-cta: #ff0000;
--secondary-cta: #1a1a1a; --secondary-cta: #151515;
--accent: #737373; --accent: #303030;
--background-accent: #737373; --background-accent: #303030;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

View File

@@ -1,185 +1,193 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from "@/components/sections/hero/HeroOverlay"; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard"; import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen"; import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import PricingCardThree from "@/components/sections/pricing/PricingCardThree"; import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TeamCardFour from "@/components/sections/team/TeamCardFour"; import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqDouble from "@/components/sections/faq/FaqDouble"; import FaqBase from '@/components/sections/faq/FaqBase';
import ContactInline from "@/components/sections/contact/ContactInline"; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSocial from "@/components/sections/footer/FooterSocial"; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Quote, Users } from "lucide-react"; import { Award, TrendingUp, Users, Zap } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="soft"
contentWidth="medium" contentWidth="mediumLarge"
sizing="medium" sizing="medium"
background="circleGradient" background="dotGrid"
cardStyle="glass-elevated" cardStyle="solid"
primaryButtonStyle="gradient" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="outline"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarStyleMinimal
navItems={[
{ name: "Home", id: "nav" },
{ name: "Courses", id: "features" },
{ name: "About", id: "about" },
{ name: "Team", id: "team" },
{ name: "FAQ", id: "faq" }
]}
brandName="Go Work" brandName="Go Work"
button={{ button={{
text: "Enroll Now", text: "Enroll Now",
href: "contact" href: "#contact"
}} }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroLogoBillboard
title="Master IT Skills with Industry-Leading Training" logoText="Go Work"
description="Join thousands of students who've transformed their careers through our comprehensive bootcamp programs with 92% job placement rate." description="Master IT skills with industry-leading courses. Start your tech career journey with expert instructors and hands-on projects."
tag="IT Training Academy"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492693670-lj7ueobz.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492693670-lj7ueobz.png"
imageAlt="Coding and programming workspace" imageAlt="Coding and programming workspace"
textPosition="center" frameStyle="card"
showBlur={true}
showDimOverlay={false}
buttons={[
{ text: "Start Learning", href: "contact" },
{ text: "Explore Courses", href: "features" }
]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <AboutMetric
tag="Our Impact" title="Go Work is transforming IT education by providing practical, industry-focused training that connects students with real-world opportunities."
title="Transforming careers and building the next generation of IT professionals." metrics={[
description="2,500+ Active Students" {
subdescription="45+ Expert Instructors" icon: Users,
icon={Quote} label: "Active Students",
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731963-dy25hbg0.jpg" value: "2,500+"
imageAlt="IT Training Environment" },
useInvertedBackground="noInvert" {
/> icon: Award,
</div> label: "Expert Instructors",
value: "45+"
<div id="features" data-section="features"> },
<FeatureCardSixteen {
title="Why Choose Go Work" icon: TrendingUp,
description="Our comprehensive approach ensures you gain both theoretical knowledge and practical skills needed in today's job market." label: "Job Placement Rate",
negativeCard={{ value: "92%"
title: "Traditional Learning", },
items: [ {
"Outdated curriculum", icon: Zap,
"Lack of hands-on experience", label: "Courses Available",
"Limited mentor support", value: "18+"
"No job placement assistance" }
]
}}
positiveCard={{
title: "Go Work Bootcamp",
items: [
"Industry-current courses",
"Real-world project experience",
"Dedicated mentorship",
"92% job placement rate"
]
}}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
buttons={[
{ text: "Learn More", href: "pricing" }
]} ]}
useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="features" data-section="features">
<FeatureCardEleven
title="How We Train You"
description="Our proven learning methodology takes you from basics to professional-ready in structured steps."
tag="Learning Path"
features={[
{
id: 1,
title: "Requirements Analysis",
description: "We assess your current skill level and career goals to customize your learning path. Personal mentorship begins here.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492694761-e96hadsf.jpg"
},
{
id: 2,
title: "Intensive Development",
description: "Hands-on coding projects, real-world scenarios, and collaborative team exercises build your practical expertise.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492695669-hy749o3o.jpg"
},
{
id: 3,
title: "Quality Testing",
description: "Rigorous code reviews, debugging challenges, and quality assurance practices ensure you understand best practices.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672727126-a97a9rhj.jpg"
},
{
id: 4,
title: "Career Launch",
description: "Portfolio building, interview prep, and job placement assistance help you land roles with top tech companies.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672728464-s6bmwda4.jpg"
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
usePrimaryButtonImage={false}
/>
</div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardThree <PricingCardNine
title="Training Packages" title="Training Packages"
description="Choose the plan that fits your learning goals and career aspirations." description="Choose the right package for your learning goals and schedule."
plans={[ plans={[
{ {
id: "1", id: "starter",
price: "$2,999", title: "Starter",
name: "Starter Program", price: "$499",
buttons: [ period: "/month",
{ text: "Get Started", href: "contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672729251-otls1mux.jpg",
{ text: "Learn More", onClick: () => {} } button: {
], text: "Get Started",
href: "#contact"
},
features: [ features: [
"5 beginner-level courses", "5 beginner-level courses",
"Weekly live sessions", "Weekly live sessions",
"Email support", "Email support",
"Community access" "Certificate of completion"
] ]
}, },
{ {
id: "2", id: "professional",
badge: "Most Popular", title: "Professional",
price: "$7,999", price: "$999",
name: "Professional Program", period: "/month",
buttons: [ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672730035-e2exv3ex.jpg",
{ text: "Get Started", href: "contact" }, button: {
{ text: "Learn More", onClick: () => {} } text: "Enroll Now",
], href: "#contact"
},
features: [ features: [
"15 intermediate courses", "15 intermediate courses",
"Daily live sessions", "Daily live sessions and office hours",
"1-on-1 mentorship", "1-on-1 mentorship",
"Portfolio building", "Portfolio building support",
"Priority support" "Priority job board access"
] ]
}, },
{ {
id: "3", id: "enterprise",
price: "$14,999", title: "Enterprise",
name: "Enterprise Program", price: "$2,499",
buttons: [ period: "/month",
{ text: "Get Started", href: "contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731012-02y7h7no.jpg",
{ text: "Learn More", onClick: () => {} } button: {
], text: "Contact Sales",
href: "#contact"
},
features: [ features: [
"All intermediate courses", "All Professional features",
"Advanced specializations", "Advanced specialization tracks",
"Guaranteed job placement", "Guaranteed job placement",
"Dedicated account manager", "Corporate training customization",
"Career counseling", "Dedicated account manager"
"Lifetime updates"
] ]
} }
]} ]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
/>
</div>
<div id="team" data-section="team">
<TeamCardFour
title="Meet Our Expert Instructors"
description="Learn from industry professionals with years of real-world experience."
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
tag="Our Team" />
tagIcon={Users} </div>
team={[
<div id="team" data-section="team">
<TeamCardSix
title="Meet Our Instructors"
description="Learn from industry experts with years of real-world experience."
members={[
{ {
id: "1", id: "1",
name: "Alex Johnson", name: "Alex Johnson",
role: "Full Stack Developer", role: "Full Stack Lead",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg"
}, },
{ {
@@ -199,193 +207,219 @@ export default function LandingPage() {
name: "Sophie Martin", name: "Sophie Martin",
role: "UI/UX Designer", role: "UI/UX Designer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672735551-zee5mm98.jpg" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672735551-zee5mm98.jpg"
},
{
id: "5",
name: "James Wilson",
role: "Backend Architect",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672736383-37d60c7y.jpg"
},
{
id: "6",
name: "Lisa Chen",
role: "Data Science Lead",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672737218-lpv1rhki.jpg"
},
{
id: "7",
name: "Michael Brown",
role: "Cloud Solutions Expert",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672738160-spbsp0n6.jpg"
},
{
id: "8",
name: "Sarah Anderson",
role: "Security Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492693670-lj7ueobz.png"
} }
]} ]}
speed={40} gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSix <TestimonialCardSix
title="Student Success Stories" title="Student Success Stories"
description="Hear from graduates who've launched their tech careers through Go Work." description="Hear from graduates who landed their dream jobs."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="invertDefault"
testimonials={[ testimonials={[
{ {
id: "1", id: "1",
name: "James Wilson", name: "James Wilson",
handle: "@jameswilson", handle: "@jameswilson",
testimonial: "Go Work transformed my career. Within 3 months of completing the program, I landed a job at a top tech company.", testimonial: "Go Work transformed my career. Within 3 months of completing the program, I landed a job at a top tech company. The instructors were incredibly supportive.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672736383-37d60c7y.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672736383-37d60c7y.jpg"
imageAlt: "James Wilson"
}, },
{ {
id: "2", id: "2",
name: "Lisa Chen", name: "Lisa Chen",
handle: "@lisachen_dev", handle: "@lisachen_dev",
testimonial: "The hands-on projects and real-world scenarios prepared me perfectly for the job market. Highly recommend!", testimonial: "The hands-on projects and real-world scenarios prepared me perfectly for the job market. Best investment I made in my career.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672737218-lpv1rhki.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672737218-lpv1rhki.jpg"
imageAlt: "Lisa Chen"
}, },
{ {
id: "3", id: "3",
name: "Michael Brown", name: "Michael Brown",
handle: "@mbrowndev", handle: "@mbrowndev",
testimonial: "I went from zero coding experience to my first developer role in just 4 months. Best investment in my career!", testimonial: "Excellent curriculum and amazing mentorship. I went from zero coding experience to my first developer role in just 4 months.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672738160-spbsp0n6.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672738160-spbsp0n6.jpg"
imageAlt: "Michael Brown"
}, },
{ {
id: "4", id: "4",
name: "Emma Davis", name: "Emma Rodriguez",
handle: "@emmadavis_tech", handle: "@emma_codes",
testimonial: "The mentorship and support I received was exceptional. The instructors genuinely care about your success.", testimonial: "The career support and job placement assistance were game-changers. I'm now earning 60% more than before starting the program.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672739043-xa1ack2n.jpg"
imageAlt: "Emma Davis"
}, },
{ {
id: "5", id: "5",
name: "Robert Johnson", name: "Alex Park",
handle: "@rjohnson_dev", handle: "@alexpark_dev",
testimonial: "Great structured curriculum with practical applications. The job placement assistance was invaluable.", testimonial: "Professional instructors, collaborative environment, and practical skills. Go Work exceeded all my expectations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672733745-z17sze1s.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672739944-7d9wdjnf.jpg"
imageAlt: "Robert Johnson"
}, },
{ {
id: "6", id: "6",
name: "Catherine Martinez", name: "Sarah Thompson",
handle: "@cmartin_codes", handle: "@sarahtech",
testimonial: "From bootcamp graduate to senior developer in 18 months. Go Work gave me the foundation to succeed.", testimonial: "The portfolio projects I built during the course became the foundation for my job interviews. Highly recommend Go Work to anyone serious about tech.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672734552-1pi21ji6.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672740987-ty1vffpp.jpg"
imageAlt: "Catherine Martinez"
},
{
id: "7",
name: "Andrew Lee",
handle: "@andrewlee_dev",
testimonial: "The curriculum stayed current with industry trends. I felt prepared for modern tech stack requirements.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672735551-zee5mm98.jpg",
imageAlt: "Andrew Lee"
},
{
id: "8",
name: "Jessica Wong",
handle: "@jwong_tech",
testimonial: "Outstanding community and peer support. Learning alongside other passionate students accelerated my growth.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731963-dy25hbg0.jpg",
imageAlt: "Jessica Wong"
} }
]} ]}
speed={30} textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqBase
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Get answers to common questions about our programs, admissions, and career support." description="Find answers to common questions about our courses and enrollment."
textboxLayout="default"
useInvertedBackground="noInvert"
faqs={[ faqs={[
{ {
id: "1", id: "1",
title: "Do I need prior coding experience?", title: "Do I need prior coding experience?",
content: "No, we offer courses for all skill levels from complete beginners to advanced developers. Our Starter Program is specifically designed for those with no prior experience." content: "No, we offer courses for all skill levels from complete beginners to advanced developers. Our courses are designed to meet you where you are and help you progress."
}, },
{ {
id: "2", id: "2",
title: "How long are the courses?", title: "How long are the courses?",
content: "Our bootcamp programs typically run 12-16 weeks full-time or 6-9 months part-time. Specific durations depend on the program level you choose." content: "Our bootcamp programs typically run 12-16 weeks full-time or 6-9 months part-time. Individual courses range from 4-12 weeks depending on the topic."
}, },
{ {
id: "3", id: "3",
title: "What is your job placement guarantee?", title: "What is your job placement guarantee?",
content: "Our Enterprise plan includes a job placement guarantee with a 92% placement rate overall. We provide career counseling, portfolio building, and active job placement assistance." content: "Our Enterprise plan includes a job placement guarantee. If you don't land a job within 6 months after graduation, we'll refund 50% of your tuition. We have a 92% placement rate overall."
}, },
{ {
id: "4", id: "4",
title: "Can I learn part-time while working?", title: "Can I take courses part-time?",
content: "Absolutely! We offer flexible part-time options that allow you to maintain your current job while upskilling. Most part-time programs run for 6-9 months." content: "Yes, all our courses are available in both full-time and part-time formats. Part-time options are perfect for working professionals."
}, },
{ {
id: "5", id: "5",
title: "What payment options are available?", title: "Do you offer career support after graduation?",
content: "We offer flexible payment plans, financing options, and scholarships for qualifying candidates. Contact our admissions team to discuss what works best for you." content: "Yes, career support is included in all plans. This includes resume review, interview preparation, portfolio guidance, and access to our job board with exclusive opportunities from partner companies."
}, },
{ {
id: "6", id: "6",
title: "What languages and frameworks do you teach?", title: "What payment options are available?",
content: "We cover modern stacks including JavaScript, Python, React, Node.js, AWS, Docker, and more. Our curriculum is constantly updated to reflect industry demands." content: "We accept monthly payments, full upfront payments with a 10% discount, and offer financing options through approved partners for qualified students."
} }
]} ]}
textboxLayout="default"
animationType="smooth"
useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactInline <ContactSplitForm
text="Ready to launch your tech career? Get started with Go Work today." title="Ready to Launch Your Tech Career?"
animationType="entrance-slide" description="Fill out the form below and our admissions team will get back to you within 24 hours with course recommendations tailored to your goals."
inputPlaceholder="Enter your email to learn more" inputs={[
buttonText="Get Started" {
useInvertedBackground="invertCard" name: "fullName",
type: "text",
placeholder: "Full Name",
required: true
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: false
},
{
name: "experience",
type: "text",
placeholder: "Current Experience Level (Beginner/Intermediate/Advanced)",
required: false
}
]}
textarea={{
name: "message",
placeholder: "Tell us about your career goals and what program interests you...",
rows: 5,
required: true
}}
buttonText="Send Inquiry"
useInvertedBackground="noInvert"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731963-dy25hbg0.jpg"
imageAlt="Professional IT training environment"
mediaPosition="right"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSocial <FooterBaseReveal
logoText="Go Work"
columns={[ columns={[
{ {
title: "Courses", title: "Courses",
items: [ items: [
{ label: "Web Development", href: "features" }, {
{ label: "Mobile Apps", href: "features" }, label: "Web Development",
{ label: "Cloud Computing", href: "features" }, href: "#features"
{ label: "Data Science", href: "features" } },
{
label: "Mobile Apps",
href: "#features"
},
{
label: "Cloud Computing",
href: "#features"
},
{
label: "Data Science",
href: "#features"
}
] ]
}, },
{ {
title: "Company", title: "Company",
items: [ items: [
{ label: "About Us", href: "about" }, {
{ label: "Our Team", href: "team" }, label: "About Us",
{ label: "Careers", href: "contact" }, href: "#about"
{ label: "Blog", href: "#" } },
{
label: "Our Team",
href: "#team"
},
{
label: "Careers",
href: "#contact"
},
{
label: "Blog",
href: "#"
}
] ]
}, },
{ {
title: "Support", title: "Support",
items: [ items: [
{ label: "FAQ", href: "faq" }, {
{ label: "Contact Us", href: "contact" }, label: "FAQ",
{ label: "Terms of Service", href: "#" }, href: "#faq"
{ label: "Privacy Policy", href: "#" } },
{
label: "Contact Us",
href: "#contact"
},
{
label: "Terms of Service",
href: "#"
},
{
label: "Privacy Policy",
href: "#"
}
] ]
} }
]} ]}