11 Commits

2 changed files with 93 additions and 88 deletions

View File

@@ -3,13 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Users, TrendingUp, Award, Star } from "lucide-react"; import { Users, TrendingUp, Award, Star } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function HomePage() { export default function HomePage() {
return ( return (
@@ -65,7 +65,7 @@ export default function HomePage() {
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardNine <FeatureCardSeven
features={[ features={[
{ {
id: 1, id: 1,
@@ -95,38 +95,24 @@ export default function HomePage() {
} }
} }
]} ]}
showStepNumbers={true} animationType="none"
title="Why Choose TechAcademy" title="Why Choose TechAcademy"
description="Industry-leading education platform designed for career growth" description="Industry-leading education platform designed for career growth"
tag="Unique"
buttons={[{ text: "View Courses", label: "courses", href: "/courses" }, { text: "Learn More", label: "about", href: "/about" }]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground="invertDefault" useInvertedBackground="invertDefault"
/> />
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardTwo <FeatureCardSeven
products={[ features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
{ animationType="slide-up"
id: "1", brand: "Beginner Track", name: "Web Development Fundamentals", price: "$299", rating: 5,
reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg", imageAlt: "Web Development Course"
},
{
id: "2", brand: "Intermediate Track", name: "Python Programming Mastery", price: "$399", rating: 5,
reviewCount: "980", imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg", imageAlt: "Python Programming Course"
},
{
id: "3", brand: "Advanced Track", name: "Data Science & Machine Learning", price: "$599", rating: 5,
reviewCount: "756", imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg", imageAlt: "Data Science Course"
},
{
id: "4", brand: "Professional Track", name: "Cybersecurity Essentials", price: "$499", rating: 5,
reviewCount: "543", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Cybersecurity Course"
}
]}
title="Featured Courses" title="Featured Courses"
description="Start your learning journey with our most popular programs" description="Start your learning journey with our most popular programs"
gridVariant="four-items-2x2-equal-grid" tag="Curriculum"
animationType="slide-up" buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
@@ -148,10 +134,13 @@ export default function HomePage() {
id: "4", value: "4.9", title: "/5", description: "Average student satisfaction rating", icon: Star id: "4", value: "4.9", title: "/5", description: "Average student satisfaction rating", icon: Star
} }
]} ]}
title="Our Impact" carouselMode="auto"
description="Trusted by thousands of students worldwide"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
title="TechAcademy Metrics"
description="See the impact of our courses on student success and our growing network of expert instructors."
tag="Metrics"
buttons={[{ text: "Explore Courses", label: "Explore Courses", href: "#" }, { text: "Meet Our Team", label: "Meet Our Team", href: "#" }]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground="invertDefault" useInvertedBackground="invertDefault"
/> />
@@ -185,7 +174,17 @@ export default function HomePage() {
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="contact_split_form" data-section="contact_split_form">
<ContactSplitForm
title="Get in Touch"
description="We're here to answer any questions you have about our courses and how we can help you achieve your tech career goals."
inputs={[{ name: "name", type: "text", placeholder: "Your Full Name", required: true }, { name: "email", type: "email", placeholder: "Your Email Address", required: true }, { name: "message", type: "textarea", placeholder: "Your Message to TechAcademy", required: false }]}
textarea={{ name: "", placeholder: "" }}
useInvertedBackground="noInvert"
imageSrc="https://placehold.co/600x400"
mediaPosition="left"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg" imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg"

View File

@@ -137,6 +137,12 @@ const ProductCardItem = memo(({
{product.price} {product.price}
</p> </p>
</div> </div>
<button
className={cls("bg-primary-cta text-secondary-cta rounded-lg px-4 py-2 mt-4", actionButtonClassName)}
onClick={(e) => e.stopPropagation()}
>
ADD TO CART
</button>
</article> </article>
); );
}); });