Files
6dcc871e-9d27-4a2a-9d28-ece…/src/app/page.tsx
2026-04-04 13:28:26 +00:00

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>
);
}