167 lines
7.3 KiB
TypeScript
167 lines
7.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Modules", id: "features" },
|
|
{ name: "Enroll", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="DigiMarket Academy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "radial-gradient" }}
|
|
title="Master the Future of Digital Marketing"
|
|
description="Unlock your potential with our intensive 12-week professional certification program designed for the modern digital era. Gain real-world skills."
|
|
tag="Advanced Career Course"
|
|
buttons={[
|
|
{ text: "Apply Now", href: "#pricing" },
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-laptop-working-global-business-concept_53876-23307.jpg", imageAlt: "modern digital marketing workspace laptop"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749332.jpg", imageAlt: "digital marketing social media icons 3d"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Rated 5/5 by 1,000+ graduates"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Academy Excellence"
|
|
title="Why Choose Our Digital Marketing Academy?"
|
|
buttons={[
|
|
{ text: "View Curriculum", href: "#features" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "SEO & Content Strategy", tags: ["Ranking", "Content"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg", imageAlt: "SEO audit dashboard laptop"},
|
|
{
|
|
id: "2", title: "Social Media Growth", tags: ["Engagement", "Ads"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/choosing-icons-mobile-app_1098-18639.jpg", imageAlt: "social media campaign planning"},
|
|
{
|
|
id: "3", title: "Automation & Email Marketing", tags: ["Leads", "Nurture"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-user-interface-concept_52683-104210.jpg", imageAlt: "email marketing automation software"},
|
|
]}
|
|
title="Course Modules"
|
|
description="Comprehensive training covering every aspect of modern digital marketing strategies."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", name: "Fast Track", price: "$1,999", features: ["4 Weeks Intensive", "Online Access", "Certificate"],
|
|
buttons: [{ text: "Enroll Now" }],
|
|
},
|
|
{
|
|
id: "pro", name: "Professional", price: "$3,499", features: ["12 Weeks Deep Dive", "Mentorship Included", "Real Projects"],
|
|
buttons: [{ text: "Enroll Now" }],
|
|
},
|
|
]}
|
|
title="Course Enrollment"
|
|
description="Choose your duration path. Flexible scheduling for professionals."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", role: "Marketing Lead", company: "Tech Innovators", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blond-woman-social-media-vlogger-reads-notes-from-notebook-looks-digital_1258-254751.jpg"},
|
|
{
|
|
id: "2", name: "David Chen", role: "Social Media Analyst", company: "Global Media", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-having-short-break-work-home_329181-14567.jpg"},
|
|
{
|
|
id: "3", name: "Emily Johnson", role: "Digital Strategist", company: "Creative Agency", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-young-businesswoman-holding-coffee-cup-sitting-chair_23-2147955087.jpg"},
|
|
{
|
|
id: "4", name: "Mark Wilson", role: "Freelance Marketer", company: "Self-Employed", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-office-opening-laptop-starting-working-tasks-remote-employee-using-electronic_482257-135522.jpg"},
|
|
{
|
|
id: "5", name: "Jessica Lee", role: "SEO Specialist", company: "Search Experts", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-124692.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "1.2k+", label: "Graduates" },
|
|
{ value: "85%", label: "Job Placed" },
|
|
{ value: "4.9", label: "Avg Rating" },
|
|
]}
|
|
title="Student Success Stories"
|
|
description="Join our network of over 1,000 successful alumni."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
text="Ready to transform your career? Get in touch with our enrollment advisors today."
|
|
buttons={[{ text: "Contact Us", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="DigiMarket Academy"
|
|
leftLink={{ text: "Terms of Service", href: "#" }}
|
|
rightLink={{ text: "Privacy Policy", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|