353 lines
12 KiB
TypeScript
353 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Courses",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Mtech Computer Education"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Empowering Surat's Future with Mtech Computer Education"
|
|
description="Unlock your potential with professional computer training led by Mehul Patel. From basics to advanced career skills, we are your partner in digital growth."
|
|
testimonials={[
|
|
{
|
|
name: "Rahul Sharma",
|
|
handle: "@student",
|
|
testimonial: "Excellent Tally training, highly recommended!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-woman-sitting-outdoors-park_171337-13661.jpg",
|
|
},
|
|
{
|
|
name: "Priya Shah",
|
|
handle: "@student",
|
|
testimonial: "Great digital marketing insights, very practical.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-library_23-2147844655.jpg",
|
|
},
|
|
{
|
|
name: "Amit Patel",
|
|
handle: "@student",
|
|
testimonial: "Best computer classes in Surat.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-group-young-people-studying-with-laptop-computer_1139-984.jpg",
|
|
},
|
|
{
|
|
name: "Sneha Desai",
|
|
handle: "@student",
|
|
testimonial: "Very professional and friendly environment.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-busy-cheerful-man_329181-14520.jpg",
|
|
},
|
|
{
|
|
name: "Vikram Mehta",
|
|
handle: "@student",
|
|
testimonial: "Great learning experience, thank you Mehul sir!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-computer-engineer-satisfied-after-futureproofing-company-network_482257-108523.jpg",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906310.jpg"
|
|
imageAlt="computer lab training classroom modern"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-woman-working-her-home-office-smiling-end-enjoying-time-her-living-room_291049-2617.jpg",
|
|
alt: "Student portrait",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-asian-girl-chatting-having-video-call-laptop-sitting-bench-park-communicating-tal_1258-127530.jpg",
|
|
alt: "Student portrait",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-student-male-with-curly-hair-dressed-casually-sitting-cafeteria-working-with-modern-technologies-while-studying-looking-with-smile-notebook-receiving-message-from-friend_273609-7468.jpg",
|
|
alt: "Student portrait",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-sitting-library-with-her-laptop_273609-12727.jpg",
|
|
alt: "Student portrait",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-student-using-digital-tablet-library_329181-14842.jpg",
|
|
alt: "Student portrait",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "CCC Certified",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Industry Ready",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Expert Led",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Surat Based",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Practical Skills",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Meet Mehul Patel"
|
|
description="With a passion for technology and education, Mehul Patel founded Mtech to provide top-tier computer literacy and specialized skill training in Surat. Our goal is to bridge the gap between education and industry demand."
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-positive-adult-male-office_23-2148483863.jpg"
|
|
imageAlt="professional computer instructor portrait"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "ccc",
|
|
title: "CCC (Course on Computer Concepts)",
|
|
tags: [
|
|
"Basic",
|
|
"Certification",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/online-learning-line-art-sticker_271628-496.jpg",
|
|
},
|
|
{
|
|
id: "tally",
|
|
title: "Tally Prime",
|
|
tags: [
|
|
"Accounting",
|
|
"Finance",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/balance-funds-financial-graph-interface-concept_53876-21157.jpg",
|
|
},
|
|
{
|
|
id: "marketing",
|
|
title: "Digital Marketing",
|
|
tags: [
|
|
"Growth",
|
|
"Ads",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/marketing-plan-commercial-strategy-business_53876-133615.jpg",
|
|
},
|
|
]}
|
|
title="Our Professional Courses"
|
|
description="Hands-on training programs designed to boost your employability and technical skills."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "1000+",
|
|
title: "Satisfied Students",
|
|
items: [
|
|
"Successfully trained",
|
|
"Ready for career",
|
|
],
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "50+",
|
|
title: "Expert Modules",
|
|
items: [
|
|
"Covering full stack",
|
|
"Accounting basics",
|
|
],
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "10+",
|
|
title: "Years Experience",
|
|
items: [
|
|
"Serving Surat",
|
|
"Proven track record",
|
|
],
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Dedicated to excellence in education."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Mtech gave me the skills I needed to succeed. The Tally Prime course was especially detailed and practical."
|
|
rating={5}
|
|
author="Rahul Sharma"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/boy-looking-camera-sitting-desk-with-tablet_259150-60210.jpg",
|
|
alt: "Rahul",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happiness-asian-smart-casual-glasses-male-working-frome-home-with-laptop-technology-with-comfortable-relax-facial-expression-modern-home-with-blank-space-interior-background_609648-941.jpg",
|
|
alt: "Rahul",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-student-posing-university_23-2147666425.jpg",
|
|
alt: "Rahul",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-female-student-with-water-hand-joyfully-looking-camera-study-library-university_574295-1573.jpg",
|
|
alt: "Rahul",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-girl-with-tired-smile-posing-workplace-near-computer-with-white-screen_197531-4875.jpg",
|
|
alt: "Additional Student",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Are courses certified?",
|
|
content: "Yes, we provide recognized certifications for all courses.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Where are you located?",
|
|
content: "We are located in the heart of Surat, Gujarat.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "How do I enroll?",
|
|
content: "Contact us at 9898128999 to learn more about enrollment.",
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We've got answers."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-scholars-library-engaged-remote-learning-with-their-mentor_482257-125439.jpg"
|
|
imageAlt="Students engaged in learning"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contact Us"
|
|
title="Ready to Start?"
|
|
description="Get in touch with Mtech Computer Education today. Call us at 9898128999 or visit us in Surat."
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/bottom-view-modern-stairways_1127-349.jpg"
|
|
imageAlt="modern architectural details"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/luxury-apartment-design-comfortable-chair-by-wide-window-generated-by-ai_188544-26062.jpg"
|
|
logoText="Mtech Education"
|
|
columns={[
|
|
{
|
|
title: "Courses",
|
|
items: [
|
|
{
|
|
label: "CCC",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Tally Prime",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Digital Marketing",
|
|
href: "#features",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "9898128999",
|
|
href: "tel:9898128999",
|
|
},
|
|
{
|
|
label: "Surat, Gujarat",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 | Mtech Computer Education"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|