Update src/app/page.tsx
This commit is contained in:
172
src/app/page.tsx
172
src/app/page.tsx
@@ -2,16 +2,6 @@
|
||||
|
||||
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 FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,164 +18,10 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Hotels", id: "hotels" },
|
||||
{ name: "Destinations", id: "destinations" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SkyStay"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Elevate Your Travel Experience."
|
||||
description="SkyStay combines luxury, precision, and global connectivity. Discover seamless travel planning with premium tools."
|
||||
buttons={[{ text: "Start Searching", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-pretty-woman-swimsuit-edge-boat_343596-2540.jpg"
|
||||
testimonials={[]}
|
||||
showBlur={true}
|
||||
containerClassName="bg-gradient-to-b from-sky-100 to-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Premium Travel Tech"
|
||||
description="Engineered for speed, reliability, and ultimate luxury."
|
||||
features={[
|
||||
{ id: "f1", label: "Flight Engine", title: "Global Search", items: ["AI-driven pricing", "Secure booking", "Instant updates"] },
|
||||
{ id: "f2", label: "Hotel Tech", title: "Smart Stays", items: ["Verified luxury", "Real-time slots", "Instant confirmation"] },
|
||||
{ id: "f3", label: "Concierge", title: "24/7 Support", items: ["Global coverage", "Rebooking tool", "Travel experts"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hotels" data-section="hotels">
|
||||
<ProductCardFour
|
||||
title="Curated Hotel Collection"
|
||||
description="Discover our hand-picked selection of luxury suites worldwide."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "h1", name: "Azure Heights Resort", price: "$850/night", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxing-around-outdoor-swimming-pool-hotel-resort-nearly-sea_74190-13434.jpg" },
|
||||
{ id: "h2", name: "Alpine Retreat", price: "$600/night", variant: "Boutique", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-snow-covered-mountains-ski-region-saalbach-hinterglemm-austria_181624-30172.jpg" },
|
||||
{ id: "h3", name: "Oceanic Escape", price: "$750/night", variant: "Private", imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-young-beautiful-couple-resting-rejoicing-sunrise-near-lake_176420-3678.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="destinations" data-section="destinations">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Trending Destinations"
|
||||
description="Where the world meets luxury this season."
|
||||
products={[
|
||||
{ id: "d1", name: "Santorini", price: "from $500", variant: "Sun", imageSrc: "http://img.b2bpic.net/free-photo/coastal-trail-sunset_23-2152010554.jpg" },
|
||||
{ id: "d2", name: "Bali", price: "from $300", variant: "Island", imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-fresh-pineapple-putting-boy-girl-glasses-tourist-hands-with-sea-wave-happy-fun-with-healthy-vacation-concept_1150-13511.jpg" },
|
||||
{ id: "d3", name: "Kyoto", price: "from $700", variant: "Culture", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-garden-surrounded-by-white-building-covered-colorful-leaves-autumn_181624-10682.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Member Membership"
|
||||
description="Exclusive access to luxury benefits."
|
||||
plans={[
|
||||
{ id: "pro", badge: "Premium", price: "$49/yr", subtitle: "Essential benefits", buttons: [{ text: "Get Access", href: "#" }], features: ["Concierge Access", "10% Discount"] },
|
||||
{ id: "elite", badge: "Elite", price: "$199/yr", subtitle: "Total luxury", buttons: [{ text: "Get Elite", href: "#" }], features: ["30% Discount", "Flight Upgrades", "VIP Check-in"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
title="SkyStay by the Numbers"
|
||||
tag="Our Reach"
|
||||
metrics={[
|
||||
{ id: "m1", value: "1M+", description: "Happy Travelers" },
|
||||
{ id: "m2", value: "50k+", description: "Luxury Hotels" },
|
||||
{ id: "m3", value: "99.9%", description: "Satisfaction" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Voice of Our Travelers"
|
||||
description="Experiences that define the SkyStay standard."
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "120+", label: "Countries" },
|
||||
{ value: "24/7", label: "Support" }
|
||||
]}
|
||||
testimonials={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Get all the information you need to start your journey."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I cancel?", content: "Easy cancellation through your dashboard." },
|
||||
{ id: "q2", title: "Are hotels verified?", content: "Yes, all properties meet premium standards." },
|
||||
{ id: "q3", title: "Security?", content: "Bank-grade protection for every transaction." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Support"
|
||||
title="Get in touch with us"
|
||||
description="We are here to assist with your bookings and travel inquiries 24/7."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttonText="Submit Inquiry"
|
||||
inputPlaceholder="Enter your email address"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "SkyStay", items: [{ label: "About" }, { label: "Careers" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center" }, { label: "Privacy Policy" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 SkyStay Inc."
|
||||
bottomRightText="Global Travel Technology"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex min-h-screen items-center justify-center p-8 text-center">
|
||||
<p>Website content has been removed.</p>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user