Initial commit
This commit is contained in:
352
src/app/page.tsx
Normal file
352
src/app/page.tsx
Normal file
@@ -0,0 +1,352 @@
|
||||
"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 Education"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Empowering Surat's Future with Mtech 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user