9 Commits

Author SHA1 Message Date
82102bfc62 Update src/app/page.tsx 2025-12-26 08:45:32 +00:00
3554a0bc5a Update src/app/page.tsx 2025-12-26 08:20:11 +00:00
e83405ec66 Update src/app/page.tsx 2025-12-26 08:18:13 +00:00
00427c2157 Update src/app/page.tsx 2025-12-25 16:11:14 +00:00
103774478a Update src/app/layout.tsx 2025-12-25 16:11:13 +00:00
ef76996dd6 Update src/app/page.tsx 2025-12-25 16:07:19 +00:00
6c760b86ce Update src/app/layout.tsx 2025-12-25 16:07:19 +00:00
1b8e0d80bb Update src/app/page.tsx 2025-12-25 16:05:10 +00:00
4feefc56df Update src/app/globals.css 2025-12-25 15:56:47 +00:00
2 changed files with 235 additions and 269 deletions

View File

@@ -5,12 +5,12 @@
/* --vw is set by ThemeProvider */
--background: #000000;
--card: #1b1b1b;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #ff0000;
--secondary-cta: #151515;
--accent: #303030;
--background-accent: #303030;
--secondary-cta: #1a1a1a;
--accent: #ff3333;
--background-accent: #ff0000;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

View File

@@ -1,193 +1,185 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, TrendingUp, Users, Zap } from "lucide-react";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import TeamCardFour from "@/components/sections/team/TeamCardFour";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactInline from "@/components/sections/contact/ContactInline";
import FooterSocial from "@/components/sections/footer/FooterSocial";
import { Quote, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="dotGrid"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="outline"
headingFontWeight="semibold"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleMinimal
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "nav" },
{ name: "Courses", id: "features" },
{ name: "About", id: "about" },
{ name: "Team", id: "team" },
{ name: "FAQ", id: "faq" }
]}
brandName="Go Work"
button={{
text: "Enroll Now",
href: "#contact"
href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Go Work"
description="Master IT skills with industry-leading courses. Start your tech career journey with expert instructors and hands-on projects."
<HeroOverlay
title="Master IT Skills with Industry-Leading Training"
description="Join thousands of students who've transformed their careers through our comprehensive bootcamp programs with 92% job placement rate."
tag="IT Training Academy"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492693670-lj7ueobz.png"
imageAlt="Coding and programming workspace"
frameStyle="card"
textPosition="center"
showBlur={true}
showDimOverlay={false}
buttons={[
{ text: "Start Learning", href: "contact" },
{ text: "Explore Courses", href: "features" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Go Work is transforming IT education by providing practical, industry-focused training that connects students with real-world opportunities."
metrics={[
{
icon: Users,
label: "Active Students",
value: "2,500+"
},
{
icon: Award,
label: "Expert Instructors",
value: "45+"
},
{
icon: TrendingUp,
label: "Job Placement Rate",
value: "92%"
},
{
icon: Zap,
label: "Courses Available",
value: "18+"
}
]}
<TestimonialAboutCard
tag="Our Impact"
title="Transforming careers and building the next generation of IT professionals."
description="2,500+ Active Students"
subdescription="45+ Expert Instructors"
icon={Quote}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731963-dy25hbg0.jpg"
imageAlt="IT Training Environment"
useInvertedBackground="noInvert"
/>
</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"
<FeatureCardSixteen
title="Why Choose Go Work"
description="Our comprehensive approach ensures you gain both theoretical knowledge and practical skills needed in today's job market."
negativeCard={{
title: "Traditional Learning",
items: [
"Outdated curriculum",
"Lack of hands-on experience",
"Limited mentor support",
"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"
usePrimaryButtonImage={false}
buttons={[
{ text: "Learn More", href: "pricing" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
<PricingCardThree
title="Training Packages"
description="Choose the right package for your learning goals and schedule."
description="Choose the plan that fits your learning goals and career aspirations."
plans={[
{
id: "starter",
title: "Starter",
price: "$499",
period: "/month",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672729251-otls1mux.jpg",
button: {
text: "Get Started",
href: "#contact"
},
id: "1",
price: "$2,999",
name: "Starter Program",
buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", onClick: () => {} }
],
features: [
"5 beginner-level courses",
"Weekly live sessions",
"Email support",
"Certificate of completion"
"Community access"
]
},
{
id: "professional",
title: "Professional",
price: "$999",
period: "/month",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672730035-e2exv3ex.jpg",
button: {
text: "Enroll Now",
href: "#contact"
},
id: "2",
badge: "Most Popular",
price: "$7,999",
name: "Professional Program",
buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", onClick: () => {} }
],
features: [
"15 intermediate courses",
"Daily live sessions and office hours",
"Daily live sessions",
"1-on-1 mentorship",
"Portfolio building support",
"Priority job board access"
"Portfolio building",
"Priority support"
]
},
{
id: "enterprise",
title: "Enterprise",
price: "$2,499",
period: "/month",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672731012-02y7h7no.jpg",
button: {
text: "Contact Sales",
href: "#contact"
},
id: "3",
price: "$14,999",
name: "Enterprise Program",
buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", onClick: () => {} }
],
features: [
"All Professional features",
"Advanced specialization tracks",
"All intermediate courses",
"Advanced specializations",
"Guaranteed job placement",
"Corporate training customization",
"Dedicated account manager"
"Dedicated account manager",
"Career counseling",
"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"
animationType="slide-up"
useInvertedBackground="noInvert"
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
title="Meet Our Instructors"
description="Learn from industry experts with years of real-world experience."
members={[
tag="Our Team"
tagIcon={Users}
team={[
{
id: "1",
name: "Alex Johnson",
role: "Full Stack Lead",
role: "Full Stack Developer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg"
},
{
@@ -207,219 +199,193 @@ export default function LandingPage() {
name: "Sophie Martin",
role: "UI/UX Designer",
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"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
speed={40}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Student Success Stories"
description="Hear from graduates who landed their dream jobs."
description="Hear from graduates who've launched their tech careers through Go Work."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="invertDefault"
testimonials={[
{
id: "1",
name: "James Wilson",
handle: "@jameswilson",
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"
testimonial: "Go Work transformed my career. Within 3 months of completing the program, I landed a job at a top tech company.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672736383-37d60c7y.jpg",
imageAlt: "James Wilson"
},
{
id: "2",
name: "Lisa Chen",
handle: "@lisachen_dev",
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"
testimonial: "The hands-on projects and real-world scenarios prepared me perfectly for the job market. Highly recommend!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672737218-lpv1rhki.jpg",
imageAlt: "Lisa Chen"
},
{
id: "3",
name: "Michael Brown",
handle: "@mbrowndev",
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"
testimonial: "I went from zero coding experience to my first developer role in just 4 months. Best investment in my career!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672738160-spbsp0n6.jpg",
imageAlt: "Michael Brown"
},
{
id: "4",
name: "Emma Rodriguez",
handle: "@emma_codes",
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-1766672739043-xa1ack2n.jpg"
name: "Emma Davis",
handle: "@emmadavis_tech",
testimonial: "The mentorship and support I received was exceptional. The instructors genuinely care about your success.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg",
imageAlt: "Emma Davis"
},
{
id: "5",
name: "Alex Park",
handle: "@alexpark_dev",
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-1766672739944-7d9wdjnf.jpg"
name: "Robert Johnson",
handle: "@rjohnson_dev",
testimonial: "Great structured curriculum with practical applications. The job placement assistance was invaluable.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672733745-z17sze1s.jpg",
imageAlt: "Robert Johnson"
},
{
id: "6",
name: "Sarah Thompson",
handle: "@sarahtech",
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-1766672740987-ty1vffpp.jpg"
name: "Catherine Martinez",
handle: "@cmartin_codes",
testimonial: "From bootcamp graduate to senior developer in 18 months. Go Work gave me the foundation to succeed.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672734552-1pi21ji6.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"
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
speed={30}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
<FaqDouble
title="Frequently Asked Questions"
description="Find answers to common questions about our courses and enrollment."
description="Get answers to common questions about our programs, admissions, and career support."
textboxLayout="default"
useInvertedBackground="noInvert"
faqs={[
{
id: "1",
title: "Do I need prior coding 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."
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."
},
{
id: "2",
title: "How long are the courses?",
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."
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."
},
{
id: "3",
title: "What is your job placement guarantee?",
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."
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."
},
{
id: "4",
title: "Can I take courses part-time?",
content: "Yes, all our courses are available in both full-time and part-time formats. Part-time options are perfect for working professionals."
title: "Can I learn part-time while working?",
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."
},
{
id: "5",
title: "Do you offer career support after graduation?",
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."
title: "What payment options are available?",
content: "We offer flexible payment plans, financing options, and scholarships for qualifying candidates. Contact our admissions team to discuss what works best for you."
},
{
id: "6",
title: "What payment options are available?",
content: "We accept monthly payments, full upfront payments with a 10% discount, and offer financing options through approved partners for qualified students."
title: "What languages and frameworks do you teach?",
content: "We cover modern stacks including JavaScript, Python, React, Node.js, AWS, Docker, and more. Our curriculum is constantly updated to reflect industry demands."
}
]}
textboxLayout="default"
animationType="smooth"
useInvertedBackground="noInvert"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Ready to Launch Your Tech Career?"
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."
inputs={[
{
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"
<ContactInline
text="Ready to launch your tech career? Get started with Go Work today."
animationType="entrance-slide"
inputPlaceholder="Enter your email to learn more"
buttonText="Get Started"
useInvertedBackground="invertCard"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterSocial
logoText="Go Work"
columns={[
{
title: "Courses",
items: [
{
label: "Web Development",
href: "#features"
},
{
label: "Mobile Apps",
href: "#features"
},
{
label: "Cloud Computing",
href: "#features"
},
{
label: "Data Science",
href: "#features"
}
{ label: "Web Development", href: "features" },
{ label: "Mobile Apps", href: "features" },
{ label: "Cloud Computing", href: "features" },
{ label: "Data Science", href: "features" }
]
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about"
},
{
label: "Our Team",
href: "#team"
},
{
label: "Careers",
href: "#contact"
},
{
label: "Blog",
href: "#"
}
{ label: "About Us", href: "about" },
{ label: "Our Team", href: "team" },
{ label: "Careers", href: "contact" },
{ label: "Blog", href: "#" }
]
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq"
},
{
label: "Contact Us",
href: "#contact"
},
{
label: "Terms of Service",
href: "#"
},
{
label: "Privacy Policy",
href: "#"
}
{ label: "FAQ", href: "faq" },
{ label: "Contact Us", href: "contact" },
{ label: "Terms of Service", href: "#" },
{ label: "Privacy Policy", href: "#" }
]
}
]}