Bob AI: change the team section title to Meet Our Expert T...
This commit is contained in:
@@ -1,16 +1,17 @@
|
||||
@import "tailwindcss";
|
||||
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;500;600;700&display=swap');
|
||||
|
||||
:root {
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
--background: #f5d079;;
|
||||
--card: #eac263;;
|
||||
--foreground: #442c0a;;
|
||||
--primary-cta: #d1911b;;
|
||||
--secondary-cta: #8b572a;;
|
||||
--accent: #d1911b;;
|
||||
--background-accent: #fff7e6;;
|
||||
--background: #f5f5f5;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #1c1c1c;;
|
||||
--primary-cta: #2bb889;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #09b97e;;
|
||||
--background-accent: #a8e8c3;;
|
||||
|
||||
/* Base spacing units */
|
||||
--vw-0_25: calc(var(--vw) * 0.25);
|
||||
--vw-0_5: calc(var(--vw) * 0.5);
|
||||
@@ -520,7 +521,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: 'Merriweather', sans-serif;
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -533,5 +534,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: 'Merriweather', sans-serif;
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
}
|
||||
217
src/app/page.tsx
217
src/app/page.tsx
@@ -2,23 +2,24 @@
|
||||
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Sparkles, BookOpen, Users, TrendingUp, Award, Target } from "lucide-react";
|
||||
import HeroBillboard1 from '@/components/sections/hero/HeroBillboard1';
|
||||
import ButtonTextUnderline from '@/components/button/ButtonTextUnderline';
|
||||
import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
|
||||
import FooterBase1 from '@/components/sections/footer/FooterBase1';
|
||||
|
||||
export default function TechAcademyPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="lg"
|
||||
borderRadius="sharp"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="none"
|
||||
@@ -29,14 +30,13 @@ export default function TechAcademyPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="TechMasters"
|
||||
brandName="TechAcademy"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "blog" }
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Enroll Now", href: "contact"
|
||||
@@ -49,7 +49,7 @@ export default function TechAcademyPage() {
|
||||
title="Master In-Demand Tech Skills"
|
||||
description="Learn from industry experts and transform your career with our comprehensive IT academy. Hands-on courses in web development, data science, cloud computing, and more."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Welcome to TechMasters"
|
||||
tag="Welcome to TechAcademy"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Start Learning", href: "courses" },
|
||||
@@ -65,6 +65,16 @@ export default function TechAcademyPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Empowering the Next Generation of Tech Leaders Through Quality Education and Mentorship"
|
||||
useInvertedBackground="invertDefault"
|
||||
buttons={[
|
||||
{ text: "Learn Our Mission", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="courses" data-section="courses">
|
||||
<FeatureCardTwentyTwo
|
||||
title="Our Popular Courses"
|
||||
@@ -123,37 +133,82 @@ export default function TechAcademyPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="We would love to hear from you"
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Your full name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "your.email@example.com", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false },
|
||||
{ name: "courseInterest", type: "text", placeholder: "Which course interests you?", required: true }
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
title="Meet Our Expert Team"
|
||||
description="Learn from industry veterans with decades of combined experience in tech"
|
||||
groups={[
|
||||
{
|
||||
id: "senior-team", groupTitle: "Senior Instructors", members: [
|
||||
{
|
||||
id: "1", title: "Sarah Mitchell", subtitle: "Lead Web Developer", detail: "sarah.mitchell@techacademy.com", imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg", imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Alex Chen", subtitle: "Data Science Lead", detail: "alex.chen@techacademy.com", imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg", imageAlt: "Alex Chen"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Marcus Johnson", subtitle: "Cloud Architecture Expert", detail: "marcus.johnson@techacademy.com", imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg", imageAlt: "Marcus Johnson"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "support-team", groupTitle: "Mentors & Support", members: [
|
||||
{
|
||||
id: "4", title: "Emma Wilson", subtitle: "Career Mentor", detail: "emma.wilson@techacademy.com", imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", imageAlt: "Emma Wilson"
|
||||
},
|
||||
{
|
||||
id: "5", title: "David Park", subtitle: "Technical Support Lead", detail: "david.park@techacademy.com", imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg", imageAlt: "David Park"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your learning goals and experience level...", rows: 5,
|
||||
required: false
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://example.com/new-contact.jpg"
|
||||
imageAlt="Contact us for enrollment"
|
||||
mediaPosition="right"
|
||||
buttonText="Enroll Now"
|
||||
className="animate-fade-in"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne1
|
||||
title="Meet Our Expert Team"
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Students Say"
|
||||
description="Real success stories from graduates who transformed their careers"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "James Rodriguez", role: "Junior Developer", company: "Tech Startup Inc", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Lisa Wong", role: "Data Analyst", company: "Fortune 500 Corp", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-bearded-man-busines-clothes-with-crossed-arms-looking-camera-gray_171337-11335.jpg", imageAlt: "Lisa Wong"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Ahmed Hassan", role: "Cloud Engineer", company: "Global Tech Solutions", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg", imageAlt: "Ahmed Hassan"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Rachel Green", role: "Full Stack Developer", company: "Digital Agency Pro", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg", imageAlt: "Rachel Green"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Michael Torres", role: "DevOps Engineer", company: "Cloud Infrastructure Co", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-young-man-posing_158595-3050.jpg", imageAlt: "Michael Torres"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Sophia Patel", role: "Machine Learning Engineer", company: "AI Innovation Labs", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg", imageAlt: "Sophia Patel"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Best Pricing Plans"
|
||||
title="Flexible Pricing Plans"
|
||||
description="Choose the perfect plan for your learning journey and budget"
|
||||
plans={[
|
||||
{
|
||||
@@ -187,34 +242,92 @@ export default function TechAcademyPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero_billboard_1" data-section="hero_billboard_1">
|
||||
<HeroBillboard1
|
||||
title="Unlock Your Tech Potential"
|
||||
background={{ variant: "plain" }}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about TechAcademy courses, enrollment, and career support"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long are the courses?", content: "Our courses range from 4 to 12 weeks depending on the program. Full-time immersive programs typically take 12 weeks, while part-time flexible programs can take 6-12 months. Each course includes live sessions, recorded content, and hands-on projects."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do I need prior coding experience?", content: "No prior experience required! We offer beginner-friendly courses for absolute beginners and advanced tracks for experienced developers. Our curriculum is designed to take you from zero to job-ready."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What is the job placement rate?", content: "Our graduates have a 95% job placement rate within 3 months of completing their course. We provide career coaching, resume preparation, and direct partnerships with 50+ hiring companies."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I learn part-time while working?", content: "Absolutely! Our part-time programs are designed for working professionals. Classes are offered in the evenings and weekends with flexible scheduling options."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What support do I get after graduation?", content: "We provide lifetime career support including job board access, alumni network, monthly networking events, continued learning resources, and ongoing mentorship from our instructors."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Is there a money-back guarantee?", content: "Yes! All our plans include a 30-day money-back guarantee. If you're not satisfied with the course quality or learning experience, you can request a full refund."
|
||||
}
|
||||
]}
|
||||
textPosition="left"
|
||||
useInvertedBackground="invertDefault"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero_billboard_gallery" data-section="hero_billboard_gallery">
|
||||
<HeroBillboardGallery
|
||||
title="Master Cutting-Edge Technologies"
|
||||
description="Explore the latest in tech skills with our comprehensive courses and expert mentorship."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Tech Skills"
|
||||
buttons={[{ label: "View Courses", href: "#" }, { label: "Join Now", href: "#" }]}
|
||||
mediaItems={[{ title: "AI & Machine Learning", description: "Learn the future of technology from industry experts." }, { title: "Cloud Computing", description: "Master the cloud with hands-on projects and real-world applications." }]}
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready to Start Your Tech Journey?"
|
||||
description="Enroll in a course today and get 20% off your first month. Our enrollment team is here to answer any questions and help you choose the perfect program."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Your full name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "your.email@example.com", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false },
|
||||
{ name: "courseInterest", type: "text", placeholder: "Which course interests you?", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your learning goals and experience level...", rows: 5,
|
||||
required: false
|
||||
}}
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/cheerful-mature-call-center-operator-looking-laptop-screen_74855-4013.jpg"
|
||||
imageAlt="Contact us for enrollment"
|
||||
mediaPosition="right"
|
||||
buttonText="Enroll Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase1
|
||||
title="Footer Base"
|
||||
<FooterMedia
|
||||
imageSrc="https://img.b2bpic.net/free-vector/digital-particle-flowing-mesh-technology-background_1017-28408.jpg"
|
||||
imageAlt="Technology background"
|
||||
logoText="TechAcademy"
|
||||
copyrightText="© 2025 TechAcademy. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Programs", items: [
|
||||
{ label: "Web Development", href: "#" },
|
||||
{ label: "Data Science", href: "#" },
|
||||
{ label: "Cloud Computing", href: "#" },
|
||||
{ label: "Cybersecurity", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Course Catalog", href: "#" },
|
||||
{ label: "Blog & Articles", href: "#" },
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Career Resources", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact Support", href: "#" },
|
||||
{ label: "Partners", href: "#" },
|
||||
{ label: "Careers at TechAcademy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="button_text_underline" data-section="button_text_underline">
|
||||
<ButtonTextUnderline
|
||||
text="Join Now"
|
||||
scrollToSection={false}
|
||||
type="button"
|
||||
/>
|
||||
</div> </ThemeProvider>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -10,7 +10,6 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
|
||||
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { getButtonProps } from "@/lib/buttonUtils";
|
||||
import type { AnimationType } from "@/components/text/types";
|
||||
import { LucidePhoneCall } from "lucide-react";
|
||||
|
||||
export interface InputField {
|
||||
name: string;
|
||||
@@ -201,13 +200,4 @@ const ContactSplitForm = ({
|
||||
|
||||
ContactSplitForm.displayName = "ContactSplitForm";
|
||||
|
||||
// Inserted <button> element with text "Contact Us"
|
||||
<div className="mt-4">
|
||||
<button className="bg-primary text-white px-4 py-2 rounded">Contact Us</button>
|
||||
</div>
|
||||
|
||||
export default ContactSplitForm;
|
||||
|
||||
const ContactButton = () => (
|
||||
<button className="mt-4 bg-primary text-white px-4 py-2 rounded">Text</button>
|
||||
);
|
||||
|
||||
@@ -138,9 +138,6 @@ const TeamCardEleven = ({
|
||||
)}>
|
||||
{member.detail}
|
||||
</p>
|
||||
<button className="text-base md:text-lg font-medium ml-auto bg-accent hover:bg-accent-hover text-foreground hover:text-foreground-hover px-4 py-2 rounded-lg">
|
||||
Learn More
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user