191 lines
9.8 KiB
TypeScript
191 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { AlertTriangle, Book, Briefcase, CheckCircle, Lock, MessageSquare, Shield, ShieldCheck, Sparkles, Target, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="noise"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="EduCrime Guard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Empowering Education & Securing Futures"
|
|
description="Comprehensive resources for academic growth, crime awareness, and dedicated professional consulting."
|
|
tag="Education & Advisory"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-car_53876-20767.jpg", imageAlt: "online education platform" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/group-serious-business-people-having-brainstorm-meeting_171337-5878.jpg", imageAlt: "professional advisor meeting" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by 500+ professionals"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Our Mission"
|
|
title="Bridging the gap between knowledge, security, and success."
|
|
tagIcon={Target}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Educational Resources", description: "Curated academic content for every level.", media: { imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg", imageAlt: "education resources dashboard" },
|
|
items: [
|
|
{ icon: Book, text: "Structured learning paths" },
|
|
{ icon: Users, text: "Expert-led sessions" },
|
|
{ icon: Shield, text: "Secure access" },
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Crime Awareness", description: "Proactive protection and education programs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tracking-shot-hooded-hacker-using-tablet-launch-cyber-attacks_482257-108303.jpg", imageAlt: "cyber crime awareness" },
|
|
items: [
|
|
{ icon: AlertTriangle, text: "Real-time threat updates" },
|
|
{ icon: ShieldCheck, text: "Safety assessment" },
|
|
{ icon: Lock, text: "Identity protection" },
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Professional Consulting", description: "Personalized advice for all your needs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-working-computer-network-graphic-overlay_53876-128107.jpg", imageAlt: "secure client portal" },
|
|
items: [
|
|
{ icon: MessageSquare, text: "One-on-one sessions" },
|
|
{ icon: CheckCircle, text: "Proven strategies" },
|
|
{ icon: Briefcase, text: "Confidential process" },
|
|
],
|
|
reverse: false
|
|
},
|
|
]}
|
|
title="Our Core Services"
|
|
description="We offer holistic support for students and clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "10k+", title: "Learners", description: "Empowered through education.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568972.jpg" },
|
|
{ id: "m2", value: "500+", title: "Crime Reports", description: "Resolved or neutralized.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-results-summary-graph-chart-word-graphic_53876-133686.jpg" },
|
|
{ id: "m3", value: "98%", title: "Satisfaction", description: "Client success stories.", imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-bar-graph-illustration_1308-178898.jpg" },
|
|
]}
|
|
title="Impact in Numbers"
|
|
description="Evidence of our commitment to quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{ id: "t1", name: "Dr. A. Sharma", role: "Lead Educator", description: "Ex-Professor with 20 years experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149429377.jpg" },
|
|
{ id: "t2", name: "Mr. Vikram Singh", role: "Security Advisor", description: "Former cybersecurity specialist.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368756.jpg" },
|
|
{ id: "t3", name: "Ms. Sarah Jones", role: "Client Consultant", description: "Strategic partnership management expert.", imageSrc: "http://img.b2bpic.net/free-photo/mature-lawyer-turning-pages-law-book-courtroom_23-2147898511.jpg" },
|
|
]}
|
|
title="Meet Our Experts"
|
|
description="Professionals dedicated to your progress."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Rajesh Kumar", date: "2023-10-10", title: "Student", quote: "The education resources changed my career path.", tag: "Education", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-long-natural-straight-hair-white-perfect-smile-looking-happy-camera-standing-studio-background_176420-54102.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-classroom-interior-design_23-2150401374.jpg" },
|
|
{ id: "2", name: "Meera Iyer", date: "2023-09-15", title: "Business Owner", quote: "Professional security advice that actually works.", tag: "Consulting", avatarSrc: "http://img.b2bpic.net/free-photo/couple-serious-colleagues-sitting-table-with-laptop-documents-cups-coffee-talking-medium-shot-teamwork-communication-concept_74855-11651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ethnic-businesswoman-working-modern-office_1098-20053.jpg" },
|
|
{ id: "3", name: "Amit Shah", date: "2023-08-20", title: "Professional", quote: "Highly responsive and confidential consulting.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-having-videocall-work_23-2148940777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/variety-items-white-table_482257-103657.jpg" },
|
|
{ id: "4", name: "Sunita Verma", date: "2023-07-25", title: "Parent", quote: "Safe and effective crime awareness programs.", tag: "Security", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-parents-kid_23-2149610835.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-college-library_23-2147678896.jpg" },
|
|
{ id: "5", name: "David W.", date: "2023-06-30", title: "Learner", quote: "Excellent learning experience throughout.", tag: "Learning", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-focused-young-man-typing-laptop-library_74855-4258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-room-with-table-whiteboard_1262-3763.jpg" },
|
|
]}
|
|
title="Client Feedback"
|
|
description="What our community says about us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "How do I consult?", content: "Book an appointment through our form." },
|
|
{ id: "f2", title: "Is it confidential?", content: "Privacy is our highest priority." },
|
|
{ id: "f3", title: "Can I join remotely?", content: "Yes, we offer fully remote options." },
|
|
]}
|
|
sideTitle="Common Questions"
|
|
sideDescription="Need quick clarity?"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Let's Talk"
|
|
title="Start your journey today"
|
|
description="Reach out to us for a personalized consultation."
|
|
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="EduCrime Guard"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |