Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -8,6 +8,8 @@ import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
@@ -26,9 +28,14 @@ import {
|
||||
AirVent,
|
||||
Trophy,
|
||||
Star,
|
||||
Mail,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const handleNewsletterSignup = (email: string) => {
|
||||
console.log("Newsletter signup:", email);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -46,10 +53,10 @@ export default function HomePage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Destinations", id: "/destinations" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Support", id: "/support" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Support", id: "contact" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SkyWings"
|
||||
bottomLeftText="Global Airways"
|
||||
@@ -67,7 +74,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Search Flights", href: "/booking" },
|
||||
{ text: "Learn More", href: "/about" },
|
||||
{ text: "Learn More", href: "about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-design-private-jet-flying-clouds-ai-generated-image_511042-1764.jpg"
|
||||
@@ -76,17 +83,11 @@ export default function HomePage() {
|
||||
avatarText="Trusted by 2M+ Travelers"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Traveler 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Traveler 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Traveler 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Traveler 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Traveler 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Traveler 3"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,36 +102,28 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/passengers-standing-queue_107420-85097.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/passengers-standing-queue_107420-85097.jpg"
|
||||
imageAlt="SkyWings customer service excellence"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Best Value",
|
||||
description:
|
||||
"Competitive pricing without compromising on quality or service excellence",
|
||||
icon: TrendingDown,
|
||||
title: "Best Value", description:
|
||||
"Competitive pricing without compromising on quality or service excellence", icon: TrendingDown,
|
||||
},
|
||||
{
|
||||
title: "Global Network",
|
||||
description:
|
||||
"Connect to over 150 destinations across six continents worldwide",
|
||||
icon: Globe,
|
||||
title: "Global Network", description:
|
||||
"Connect to over 150 destinations across six continents worldwide", icon: Globe,
|
||||
},
|
||||
{
|
||||
title: "Premium Comfort",
|
||||
description:
|
||||
"Experience spacious seating, premium meals, and entertainment systems",
|
||||
icon: Armchair,
|
||||
title: "Premium Comfort", description:
|
||||
"Experience spacious seating, premium meals, and entertainment systems", icon: Armchair,
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description:
|
||||
"Dedicated customer service team available anytime, anywhere for your needs",
|
||||
icon: Headphones,
|
||||
title: "24/7 Support", description:
|
||||
"Dedicated customer service team available anytime, anywhere for your needs", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Destinations", href: "/destinations" }]}
|
||||
buttons={[{ text: "Explore Destinations", href: "destinations" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -140,31 +133,19 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Tropical Paradise",
|
||||
description:
|
||||
"Escape to pristine beaches and crystal waters. Experience island living at its finest.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/stunning-woman-white-shirt-stands-palm_1304-5410.jpg?_wi=1",
|
||||
imageAlt: "Tropical beach destination",
|
||||
},
|
||||
title: "Tropical Paradise", description:
|
||||
"Escape to pristine beaches and crystal waters. Experience island living at its finest.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/stunning-woman-white-shirt-stands-palm_1304-5410.jpg", imageAlt: "Tropical beach destination"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Urban Exploration",
|
||||
description:
|
||||
"Discover iconic cities with vibrant culture, cuisine, and attractions. City lights await.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/vancouver-downtown-architecture-boat-with-water-reflections-dusk-panorama_649448-2636.jpg?_wi=1",
|
||||
imageAlt: "Modern city skyline",
|
||||
},
|
||||
title: "Urban Exploration", description:
|
||||
"Discover iconic cities with vibrant culture, cuisine, and attractions. City lights await.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/vancouver-downtown-architecture-boat-with-water-reflections-dusk-panorama_649448-2636.jpg", imageAlt: "Modern city skyline"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Mountain Retreat",
|
||||
description:
|
||||
"Adventure awaits in majestic peaks and scenic valleys. Breathe in fresh alpine air.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg?_wi=1",
|
||||
imageAlt: "Beautiful mountain landscape",
|
||||
},
|
||||
title: "Mountain Retreat", description:
|
||||
"Adventure awaits in majestic peaks and scenic valleys. Breathe in fresh alpine air.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg", imageAlt: "Beautiful mountain landscape"},
|
||||
]}
|
||||
title="Popular Destinations"
|
||||
description="Explore our most beloved routes with stunning visuals and exclusive deals"
|
||||
@@ -181,45 +162,20 @@ export default function HomePage() {
|
||||
<PricingCardThree
|
||||
plans={[
|
||||
{
|
||||
id: "economy",
|
||||
price: "From $99",
|
||||
name: "Economy",
|
||||
buttons={[{ text: "Book Now", href: "/booking" }]}
|
||||
features={[
|
||||
"Standard seat allocation",
|
||||
"One checked baggage",
|
||||
"In-flight snacks",
|
||||
"Seat selection at check-in",
|
||||
]}
|
||||
id: "economy", price: "From $99", name: "Economy", buttons: [{ text: "Book Now", href: "/booking" }],
|
||||
features: [
|
||||
"Standard seat allocation", "One checked baggage", "In-flight snacks", "Seat selection at check-in"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "From $249",
|
||||
name: "Premium Economy",
|
||||
buttons={[{ text: "Book Now", href: "/booking" }]}
|
||||
features={[
|
||||
"Extra legroom seating",
|
||||
"Two checked baggage",
|
||||
"Priority boarding",
|
||||
"Complimentary meals",
|
||||
"Priority ground assistance",
|
||||
]}
|
||||
id: "premium", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "From $249", name: "Premium Economy", buttons: [{ text: "Book Now", href: "/booking" }],
|
||||
features: [
|
||||
"Extra legroom seating", "Two checked baggage", "Priority boarding", "Complimentary meals", "Priority ground assistance"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
price: "From $599",
|
||||
name: "Business Class",
|
||||
buttons={[{ text: "Book Now", href: "/booking" }]}
|
||||
features={[
|
||||
"Lie-flat bed seats",
|
||||
"Unlimited baggage",
|
||||
"Gourmet dining",
|
||||
"Lounge access",
|
||||
"Dedicated concierge",
|
||||
"Premium amenity kit",
|
||||
]}
|
||||
id: "business", price: "From $599", name: "Business Class", buttons: [{ text: "Book Now", href: "/booking" }],
|
||||
features: [
|
||||
"Lie-flat bed seats", "Unlimited baggage", "Gourmet dining", "Lounge access", "Dedicated concierge", "Premium amenity kit"],
|
||||
},
|
||||
]}
|
||||
title="Ticket Classes"
|
||||
@@ -256,65 +212,29 @@ export default function HomePage() {
|
||||
<TestimonialCardTwo
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Travel Blogger",
|
||||
testimonial:
|
||||
"SkyWings provided exceptional service and unbeatable prices. My journey was comfortable and memorable from start to finish.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Travel Blogger", testimonial:
|
||||
"SkyWings provided exceptional service and unbeatable prices. My journey was comfortable and memorable from start to finish.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Business Traveler",
|
||||
testimonial:
|
||||
"The business class experience is outstanding. Premium comfort, excellent food, and professional service every single time.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Business Traveler", testimonial:
|
||||
"The business class experience is outstanding. Premium comfort, excellent food, and professional service every single time.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Family Vacation",
|
||||
testimonial:
|
||||
"Flying with my kids was stress-free thanks to SkyWings' family-friendly policies and attentive crew.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Family Vacation", testimonial:
|
||||
"Flying with my kids was stress-free thanks to SkyWings' family-friendly policies and attentive crew.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Adventure Seeker",
|
||||
testimonial:
|
||||
"Affordable fares without sacrificing quality. SkyWings got me to exotic destinations within budget.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Adventure Seeker", testimonial:
|
||||
"Affordable fares without sacrificing quality. SkyWings got me to exotic destinations within budget.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Martinez",
|
||||
role: "Corporate Executive",
|
||||
testimonial:
|
||||
"Reliable schedules, professional crew, and seamless connections. My go-to airline for business travel.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",
|
||||
imageAlt: "Jessica Martinez",
|
||||
},
|
||||
id: "5", name: "Jessica Martinez", role: "Corporate Executive", testimonial:
|
||||
"Reliable schedules, professional crew, and seamless connections. My go-to airline for business travel.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jessica Martinez"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Thomas Anderson",
|
||||
role: "Frequent Flyer",
|
||||
testimonial:
|
||||
"Loyalty rewards program is generous, and customer service excellence is consistent across all flights.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",
|
||||
imageAlt: "Thomas Anderson",
|
||||
},
|
||||
id: "6", name: "Thomas Anderson", role: "Frequent Flyer", testimonial:
|
||||
"Loyalty rewards program is generous, and customer service excellence is consistent across all flights.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Thomas Anderson"},
|
||||
]}
|
||||
title="Traveler Reviews"
|
||||
description="Real stories from our satisfied passengers across the globe"
|
||||
@@ -327,14 +247,64 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about booking and flying with SkyWings"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I book a flight?", content:
|
||||
"Simply visit our website, select your departure and arrival cities, choose your dates, and browse available flights. Select your preferred option and complete the secure booking process in minutes."},
|
||||
{
|
||||
id: "2", title: "What is your baggage policy?", content:
|
||||
"Economy passengers get one checked bag. Premium Economy includes two. Business Class offers unlimited baggage. Carry-on bags are included in all classes subject to size restrictions."},
|
||||
{
|
||||
id: "3", title: "Can I change or cancel my flight?", content:
|
||||
"Yes! You can modify your booking up to 24 hours before departure with minimal fees. Full cancellations receive credit for future travel on most fares."},
|
||||
{
|
||||
id: "4", title: "Do you offer round-trip discounts?", content:
|
||||
"Absolutely! Our round-trip fares offer significant savings compared to booking separate one-way tickets. Check our website for current promotional rates."},
|
||||
{
|
||||
id: "5", title: "What payment methods do you accept?", content:
|
||||
"We accept all major credit cards, debit cards, digital wallets, and bank transfers. Secure payment is guaranteed on all transactions."},
|
||||
{
|
||||
id: "6", title: "How can I contact customer support?", content:
|
||||
"Our 24/7 support team is available via phone, email, live chat, and social media. Response times are typically under 2 hours."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Stay Connected"
|
||||
title="Get Flight Deals & Travel Tips"
|
||||
description="Subscribe to our newsletter for exclusive offers, destination guides, and travel inspiration delivered straight to your inbox."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aisle-escape-overhead-seats-holiday_1232-3809.jpg"
|
||||
imageAlt="Premium airline cabin interior"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime."
|
||||
onSubmit={handleNewsletterSignup}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Destinations", href: "/destinations" },
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Destinations", href: "destinations" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -346,9 +316,9 @@ export default function HomePage() {
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Help & Support", href: "/support" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQs", href: "/faq" },
|
||||
{ label: "Help & Support", href: "support" },
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "FAQs", href: "faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -371,4 +341,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user