Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e74912a714 | |||
| b684e57f60 | |||
| c7734b307b | |||
| 6cabf3ba19 | |||
| a677824522 |
386
src/app/page.tsx
386
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,288 +26,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "courses",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AeroWings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Fixes", id: "courses" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FixMyRide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Master the Skies with AeroWings"
|
||||
description="Premium flight training programs designed for the next generation of professional pilots. From ground school to your first solo flight, we support your journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@flightguy",
|
||||
testimonial: "The best flight school I've attended. Incredible instructors and top-tier equipment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-flight-attendant-with-safety-belt_23-2150282798.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena S.",
|
||||
handle: "@pilot_elena",
|
||||
testimonial: "AeroWings helped me achieve my commercial license in record time. So grateful!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-airplane-pilot-pointing-camera-aviation-academy-recruitment-plane-captain-wearing-uniform-hat-front-view-portrait-middle-age-aviator-with-airline-wings-badge-jacket_482257-50649.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Capt. David",
|
||||
handle: "@capt_dave",
|
||||
testimonial: "Professional instructors and a very organized training curriculum.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1166.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_wings",
|
||||
testimonial: "Finally soloed today! The support here is just unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-doing-no-gesture_1368-7753.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark P.",
|
||||
handle: "@mark_aviation",
|
||||
testimonial: "Clear, concise, and highly effective training techniques. Absolutely recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-airplane-pilot-pointing-camera-aviation-academy-recruitment-plane-captain-wearing-uniform-hat-front-view-portrait-middle-age-aviator-with-airline-wings-badge-jacket_482257-50649.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Flying",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/travel-landscape-dreamy-aesthtetic_23-2151445628.jpg"
|
||||
imageAlt="Propeller aircraft in flight"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-flight-attendant-with-safety-belt_23-2150282798.jpg",
|
||||
alt: "Pilot Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-airplane-pilot-pointing-camera-aviation-academy-recruitment-plane-captain-wearing-uniform-hat-front-view-portrait-middle-age-aviator-with-airline-wings-badge-jacket_482257-50649.jpg",
|
||||
alt: "Pilot Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-suit_1321-1166.jpg",
|
||||
alt: "Pilot Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/super-hero-businessman-doing-no-gesture_1368-7753.jpg",
|
||||
alt: "Pilot Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-airplane-pilot-pointing-camera-aviation-academy-recruitment-plane-captain-wearing-uniform-hat-front-view-portrait-middle-age-aviator-with-airline-wings-badge-jacket_482257-50649.jpg",
|
||||
alt: "Pilot Student 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Master Car Maintenance with Confidence"
|
||||
description="Learn to diagnose, repair, and maintain your vehicle with our expert-led video tutorials and step-by-step guides."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-car-engine_23-2148816997.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-repairing-car_23-2148816995.jpg" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-repair-service_23-2148816999.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-hands-repairing-car_23-2148816998.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Repairs", href: "#courses" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Every Flight"
|
||||
description="Our curriculum combines years of flight experience with modern pedagogical approaches to ensure you not only learn to fly but truly understand the mechanics of aviation."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Instructors",
|
||||
description: "Learn from seasoned professionals with real-world airline experience.",
|
||||
},
|
||||
{
|
||||
title: "Modern Fleet",
|
||||
description: "Fly aircraft equipped with the latest avionics and safety systems.",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Curriculum",
|
||||
description: "Thorough ground and flight school training covering all FAA requirements.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-airplane-cockpit-with-electronic-flying-navigation-panel-control-command-with-buttons-lever-dashboard-no-people-aircraft-cabin-throttle-engine-takeoff_482257-46704.jpg"
|
||||
imageAlt="Aviation simulator training"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: 'Professional Knowledge, ' }, { type: 'text', content: 'At Your Fingertips' }]}
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn How It Works" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="courses" data-section="courses">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Private Pilot License",
|
||||
price: "$8,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-compass-small-plane-arrangement_23-2149554765.jpg?_wi=1",
|
||||
imageAlt: "Private Pilot License",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Instrument Rating",
|
||||
price: "$5,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-ready-travel_23-2148687131.jpg?_wi=1",
|
||||
imageAlt: "Instrument Rating",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Commercial Pilot License",
|
||||
price: "$12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copilot-helping-captain-fly-airplane-with-cabin-command-buttons-dashboard-navigation-piloting-aircraft-with-radar-compass-windscreen-control-panel-switch-lever_482257-50411.jpg?_wi=1",
|
||||
imageAlt: "Commercial Pilot License",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Multi-Engine Rating",
|
||||
price: "$6,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-compass-small-plane-arrangement_23-2149554765.jpg?_wi=2",
|
||||
imageAlt: "Multi-Engine Rating",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Certified Flight Instructor",
|
||||
price: "$9,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-ready-travel_23-2148687131.jpg?_wi=2",
|
||||
imageAlt: "Flight Instructor",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ground School Intensive",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copilot-helping-captain-fly-airplane-with-cabin-command-buttons-dashboard-navigation-piloting-aircraft-with-radar-compass-windscreen-control-panel-switch-lever_482257-50411.jpg?_wi=2",
|
||||
imageAlt: "Ground School",
|
||||
},
|
||||
]}
|
||||
title="Training Programs"
|
||||
description="Tailored courses designed to help you reach your goals, whether as a hobby or a career."
|
||||
/>
|
||||
</div>
|
||||
<div id="courses" data-section="courses">
|
||||
<ProductCardFour
|
||||
title="Popular Repair Guides"
|
||||
description="From oil changes to brake replacements, we cover it all."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "r1", name: "Basic Oil Change", price: "$19", variant: "Guide", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-oil-car_23-2148817001.jpg" },
|
||||
{ id: "r2", name: "Brake Pad Replacement", price: "$49", variant: "Guide", imageSrc: "http://img.b2bpic.net/free-photo/car-brake-repair_23-2148817002.jpg" },
|
||||
{ id: "r3", name: "Battery Troubleshooting", price: "$29", variant: "Guide", imageSrc: "http://img.b2bpic.net/free-photo/car-battery-check_23-2148817003.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "The best decision!",
|
||||
quote: "AeroWings turned my dream into a reality.",
|
||||
name: "Sarah T.",
|
||||
role: "Commercial Pilot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-flight-attendant-with-safety-belt_23-2150282798.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Professionalism",
|
||||
quote: "Rigorous training that prepares you for anything.",
|
||||
name: "Ben G.",
|
||||
role: "Private Pilot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-airplane-pilot-pointing-camera-aviation-academy-recruitment-plane-captain-wearing-uniform-hat-front-view-portrait-middle-age-aviator-with-airline-wings-badge-jacket_482257-50649.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great fleet",
|
||||
quote: "The aircraft were always well maintained and ready.",
|
||||
name: "Mia L.",
|
||||
role: "Instrument Rated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1166.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Supportive environment",
|
||||
quote: "I felt motivated every single day.",
|
||||
name: "Leo C.",
|
||||
role: "Flight Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-doing-no-gesture_1368-7753.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Career-focused",
|
||||
quote: "Straight to airline ready proficiency.",
|
||||
name: "Anna W.",
|
||||
role: "Commercial Pilot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-airplane-pilot-pointing-camera-aviation-academy-recruitment-plane-captain-wearing-uniform-hat-front-view-portrait-middle-age-aviator-with-airline-wings-badge-jacket_482257-50649.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Words from Our Graduates"
|
||||
description="Our alumni are flying all around the globe, and their success is our best credential."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Trusted by Home Mechanics"
|
||||
description="Join thousands of drivers saving money on shop labor."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex P.", handle: "@diy_alex", testimonial: "Saved me hundreds on my first brake job!" },
|
||||
{ id: "t2", name: "Sam M.", handle: "@sam_fixes", testimonial: "Clear instructions made it easy to follow." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does PPL take?",
|
||||
content: "Depending on your schedule, it can take anywhere from 3 to 6 months.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need a medical exam?",
|
||||
content: "Yes, you must pass a third-class medical examination before your first solo.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is financing available?",
|
||||
content: "We work with multiple lenders to provide financing options for all courses.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our flight training and enrollment process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Need Help?"
|
||||
description="Common questions about our repair platform."
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need special tools?", content: "We list necessary tools for every guide." },
|
||||
{ id: "q2", title: "Is it safe?", content: "We emphasize safety first in every tutorial." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready for Takeoff?"
|
||||
description="Contact us today to schedule your discovery flight and meet our team."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/private-airplanes-field_158595-5742.jpg"
|
||||
imageAlt="Inspirational skyline"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Suggest a Guide"
|
||||
description="Looking for a specific repair guide? Let us know!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AeroWings"
|
||||
copyrightText="© 2024 AeroWings Flight School"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="FixMyRide"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Repairs", href: "#courses" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user