Compare commits

...

4 Commits

4 changed files with 12 additions and 2 deletions

View File

@@ -44,7 +44,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroOverlay
title="Launch Your Tech Career Today" title="Launch Your Tech Career Today"
description="Join thousands of students learning cutting-edge IT skills through hands-on courses and expert instruction. Start your journey to a successful tech career today." description="Enrollment deadline: 5 days left"
tag="Premium Tech Education" tag="Premium Tech Education"
tagIcon={Sparkles} tagIcon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg" imageSrc="http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg"

View File

@@ -139,6 +139,8 @@ const ContactFaq = ({
ctaButtonTextClassName ctaButtonTextClassName
)} )}
/> />
<button className="mt-4 bg-primary-cta text-secondary-cta px-4 py-2 rounded-md">Live Chat</button>
</div> </div>
<div <div

View File

@@ -108,6 +108,7 @@ const HeroOverlay = ({
</div> </div>
<span className="block text-sm text-gray-500">500 Students Enrolled This Month</span> <span className="block text-sm text-gray-500">500 Students Enrolled This Month</span>
</div> </div>
<div className="text-2xl font-bold">03:14:07</div>
<TextBox <TextBox
title={title} title={title}
description={description} description={description}

View File

@@ -2,7 +2,6 @@
import { memo } from "react"; import { memo } from "react";
import FullWidthCarousel from "@/components/cardStack/layouts/carousels/FullWidthCarousel"; import FullWidthCarousel from "@/components/cardStack/layouts/carousels/FullWidthCarousel";
import MediaContent from "@/components/shared/MediaContent"; import MediaContent from "@/components/shared/MediaContent";
import Tag from "@/components/shared/Tag"; import Tag from "@/components/shared/Tag";
@@ -11,6 +10,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider"; import { useTheme } from "@/providers/themeProvider/ThemeProvider";
import type { LucideIcon } from "lucide-react"; import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types"; import type { ButtonConfig, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
import { Star } from "lucide-react";
type Testimonial = { type Testimonial = {
id: string; id: string;
@@ -204,6 +204,13 @@ const TestimonialCardFive = ({
buttonTextClassName={textBoxButtonTextClassName} buttonTextClassName={textBoxButtonTextClassName}
ariaLabel={ariaLabel} ariaLabel={ariaLabel}
> >
<div className="flex items-center mb-4">
<Star className="w-4 h-4 text-yellow-400" />
<Star className="w-4 h-4 text-yellow-400" />
<Star className="w-4 h-4 text-yellow-400" />
<Star className="w-4 h-4 text-gray-300" />
<Star className="w-4 h-4 text-gray-300" />
</div>
{testimonials.map((testimonial, index) => ( {testimonials.map((testimonial, index) => (
<TestimonialCard <TestimonialCard
key={`${testimonial.id}-${index}`} key={`${testimonial.id}-${index}`}