Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 48b2496c89 |
246
src/app/page.tsx
246
src/app/page.tsx
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "#amenities",
|
||||
},
|
||||
name: "Amenities", id: "#amenities"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://www.airbnb.com/rooms/1624093641299285786",
|
||||
}}
|
||||
text: "Book Now", href: "https://www.airbnb.com/rooms/1624093641299285786"}}
|
||||
brandName="Chic Studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -69,39 +55,25 @@ export default function LandingPage() {
|
||||
description="Discover your perfect getaway in Casablanca with our premium studio. Enjoy modern amenities, prime location, and unparalleled comfort. Parking, Gym & Wifi included."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "https://www.airbnb.com/rooms/1624093641299285786",
|
||||
},
|
||||
text: "Book Your Stay", href: "https://www.airbnb.com/rooms/1624093641299285786"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/technology-services-illustration_24877-52376.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/technology-services-illustration_24877-52376.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/collection-smiley-female-avatars_23-2147669841.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/collection-smiley-female-avatars_23-2147669841.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034122.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034122.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",
|
||||
alt: "Happy Guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", alt: "Happy Guest"},
|
||||
]}
|
||||
avatarText="Loved by guests worldwide!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407583.jpg"
|
||||
imageAlt="Luxurious studio apartment interior in Casablanca"
|
||||
imageSrc="https://a0.muscache.com/im/pictures/miso/Hosting-1624093641299285786/original/b949c256-4b2a-4318-9710-85f0c57c4273.jpeg?im_w=1200"
|
||||
imageAlt="Luxurious studio living area with modern decor"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
textPosition="bottom"
|
||||
@@ -116,20 +88,14 @@ export default function LandingPage() {
|
||||
description="Our Chic studio is ideally located near CFC and Anfa Park, offering convenience and access to Casablanca's vibrant heart. Rated as a guest favorite, enjoy a comfortable and memorable experience with exceptional host communication and self check-in ease."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "Steps away from Anfa Park and Casa Finance City.",
|
||||
},
|
||||
title: "Prime Location", description: "Steps away from Anfa Park and Casa Finance City."},
|
||||
{
|
||||
title: "Guest Favorite",
|
||||
description: "One of the most loved homes on Airbnb, rated 4.89 out of 5 stars.",
|
||||
},
|
||||
title: "Guest Favorite", description: "One of the most loved homes on Airbnb, rated 4.89 out of 5 stars."},
|
||||
{
|
||||
title: "Seamless Experience",
|
||||
description: "Self check-in with keypad and exceptional host communication.",
|
||||
},
|
||||
title: "Seamless Experience", description: "Self check-in with keypad and exceptional host communication."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-woman-vintage-bedroom_23-2151997675.jpg"
|
||||
imageAlt="Chic Studio bedroom area"
|
||||
imageSrc="https://a0.muscache.com/im/pictures/miso/Hosting-1624093641299285786/original/f659f81a-7b3c-418b-a5d6-b11a91e3e5c9.jpeg?im_w=720"
|
||||
imageAlt="Cozy bedroom area in the chic studio"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -142,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Kitchen",
|
||||
description: "Fully equipped for your culinary needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-blender-mixer-juicer-set_140725-7263.jpg",
|
||||
imageAlt: "Modern kitchen",
|
||||
},
|
||||
title: "Kitchen", description: "Fully equipped for your culinary needs.", imageSrc: "https://a0.muscache.com/im/pictures/miso/Hosting-1624093641299285786/original/c4e72c81-424a-4422-bc5d-8b8a927b2355.jpeg?im_w=720", imageAlt: "Modern kitchen with appliances"},
|
||||
{
|
||||
title: "High-Speed Wifi",
|
||||
description: "Stay connected with fast and reliable internet access.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-qr-quick-response-code-application_53876-124202.jpg",
|
||||
imageAlt: "Wifi symbol",
|
||||
},
|
||||
title: "High-Speed Wifi", description: "Stay connected with fast and reliable internet access.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-qr-quick-response-code-application_53876-124202.jpg", imageAlt: "Wifi symbol"},
|
||||
{
|
||||
title: "Dedicated Workspace",
|
||||
description: "Perfect for remote work or study sessions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-empty-desk-with-laptop-computer-apartment-use-modern-digital-technology-entertainment-nobody-home-office-with-interior-decorations-creative-indoors-style_482257-42172.jpg",
|
||||
imageAlt: "Laptop on a desk",
|
||||
},
|
||||
title: "Dedicated Workspace", description: "Perfect for remote work or study sessions.", imageSrc: "https://a0.muscache.com/im/pictures/miso/Hosting-1624093641299285786/original/153a808e-5b1b-437e-8c6e-2f5b61e0e8e4.jpeg?im_w=720", imageAlt: "Laptop on a clean desk"},
|
||||
{
|
||||
title: "Free On-site Parking",
|
||||
description: "Hassle-free parking right at your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661460.jpg",
|
||||
imageAlt: "Parking garage",
|
||||
},
|
||||
title: "Free On-site Parking", description: "Hassle-free parking right at your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661460.jpg", imageAlt: "Parking garage"},
|
||||
{
|
||||
title: "Air Conditioning",
|
||||
description: "Keep cool and comfortable in any season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-couch-taking-selfie-with-coffee_23-2148055806.jpg",
|
||||
imageAlt: "Air conditioning unit",
|
||||
},
|
||||
title: "Air Conditioning", description: "Keep cool and comfortable in any season.", imageSrc: "http://img.b2bpic.net/free-photo/woman-couch-taking-selfie-with-coffee_23-2148055806.jpg", imageAlt: "Air conditioning unit"},
|
||||
{
|
||||
title: "Access to GYM",
|
||||
description: "Maintain your fitness routine during your stay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-compositions-view_23-2149872090.jpg",
|
||||
imageAlt: "Gym equipment",
|
||||
},
|
||||
title: "Access to GYM", description: "Maintain your fitness routine during your stay.", imageSrc: "https://a0.muscache.com/im/pictures/miso/Hosting-1624093641299285786/original/55e3b62f-0490-4c74-89c0-8260a92f0267.jpeg?im_w=720", imageAlt: "Modern gym equipment"},
|
||||
]}
|
||||
title="Modern Comforts & Essential Amenities"
|
||||
description="Our studio is equipped with everything you need for a comfortable short or long-term stay, ensuring a delightful experience."
|
||||
@@ -190,45 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Traveler",
|
||||
testimonial: "The studio's location near Anfa Park was absolutely perfect for exploring Casablanca. It's a true gem with everything you need and more!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Traveler", testimonial: "The studio's location near Anfa Park was absolutely perfect for exploring Casablanca. It's a true gem with everything you need and more!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Digital Nomad",
|
||||
testimonial: "Impeccably clean and beautifully designed. Felt like a luxury retreat after long days of work. The dedicated workspace was a huge plus.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Digital Nomad", testimonial: "Impeccably clean and beautifully designed. Felt like a luxury retreat after long days of work. The dedicated workspace was a huge plus.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Tourist",
|
||||
testimonial: "Mariam was an outstanding host, very responsive and helpful with all our questions. Highly recommended for a seamless and comfortable stay!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-ginger-red-hair-girl-with-freckles-smiling-looking-camera-pastel-blue-backgroun_1258-117952.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Tourist", testimonial: "Mariam was an outstanding host, very responsive and helpful with all our questions. Highly recommended for a seamless and comfortable stay!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-ginger-red-hair-girl-with-freckles-smiling-looking-camera-pastel-blue-backgroun_1258-117952.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Business Traveler",
|
||||
testimonial: "The included parking and gym access were fantastic bonuses that made my business trip so much easier. Everything was so convenient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Business Traveler", testimonial: "The included parking and gym access were fantastic bonuses that made my business trip so much easier. Everything was so convenient.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Vacationer",
|
||||
testimonial: "A wonderful, cozy place with all the amenities for a relaxing vacation. The studio felt like a home away from home. Definitely coming back!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-woman-khaki-dress-desert-traveling-africa-safari-wearing-hat-backpack-taking-photo-vintage-camera_285396-9166.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Vacationer", testimonial: "A wonderful, cozy place with all the amenities for a relaxing vacation. The studio felt like a home away from home. Definitely coming back!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-woman-khaki-dress-desert-traveling-africa-safari-wearing-hat-backpack-taking-photo-vintage-camera_285396-9166.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from happy visitors who enjoyed their stay at Chic Studio. Our 4.89-star rating speaks for itself!"
|
||||
@@ -242,21 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "book-now",
|
||||
name: "Book Your Premium Stay",
|
||||
price: "Starting from $XX/night",
|
||||
features: [
|
||||
"Prime Anfa Park location",
|
||||
"Complimentary Gym Access",
|
||||
"Secure On-Site Parking",
|
||||
"High-Speed Wi-Fi",
|
||||
"Dedicated Workspace",
|
||||
],
|
||||
id: "book-now", name: "Book Your Premium Stay", price: "Starting from $XX/night", features: [
|
||||
"Prime Anfa Park location", "Complimentary Gym Access", "Secure On-Site Parking", "High-Speed Wi-Fi", "Dedicated Workspace"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Check Availability & Book",
|
||||
href: "https://www.airbnb.com/rooms/1624093641299285786",
|
||||
},
|
||||
text: "Check Availability & Book", href: "https://www.airbnb.com/rooms/1624093641299285786"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -271,35 +173,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What are the check-in and check-out times?",
|
||||
content: "Check-in is after 3:00 PM, and check-out is before 11:00 AM.",
|
||||
},
|
||||
id: "faq1", title: "What are the check-in and check-out times?", content: "Check-in is after 3:00 PM, and check-out is before 11:00 AM."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is the maximum number of guests?",
|
||||
content: "The studio accommodates a maximum of 2 guests.",
|
||||
},
|
||||
id: "faq2", title: "What is the maximum number of guests?", content: "The studio accommodates a maximum of 2 guests."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What is the cancellation policy?",
|
||||
content: "Cancel before check-in for a partial refund; refund depends on cancellation time thereafter. Review full policy for details on the Airbnb listing.",
|
||||
},
|
||||
id: "faq3", title: "What is the cancellation policy?", content: "Cancel before check-in for a partial refund; refund depends on cancellation time thereafter. Review full policy for details on the Airbnb listing."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are pets allowed?",
|
||||
content: "Yes, pets are allowed in the studio. Please ensure you review our house rules regarding pets for a comfortable stay.",
|
||||
},
|
||||
id: "faq4", title: "Are pets allowed?", content: "Yes, pets are allowed in the studio. Please ensure you review our house rules regarding pets for a comfortable stay."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, free parking is available on premises for your convenience.",
|
||||
},
|
||||
id: "faq5", title: "Is parking available?", content: "Yes, free parking is available on premises for your convenience."},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "Are there safety features in the studio?",
|
||||
content: "For your safety, the studio is equipped with carbon monoxide and smoke alarms.",
|
||||
},
|
||||
id: "faq6", title: "Are there safety features in the studio?", content: "For your safety, the studio is equipped with carbon monoxide and smoke alarms."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about your stay at Chic Studio."
|
||||
@@ -311,13 +195,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Inquire About Your Stay"
|
||||
description="Have specific questions or need assistance with your booking? Contact us directly, and we'll be happy to help."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-internet-communication-network_23-2148779286.jpg"
|
||||
imageAlt="Contact form background"
|
||||
imageSrc="https://a0.muscache.com/im/pictures/miso/Hosting-1624093641299285786/original/f0e633d4-b913-432d-986c-0e78c85741f2.jpeg?im_w=1200"
|
||||
imageAlt="Modern building exterior, contact section background"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email address"
|
||||
@@ -330,50 +213,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Studio Features",
|
||||
href: "#amenities",
|
||||
},
|
||||
label: "Studio Features", href: "#amenities"},
|
||||
{
|
||||
label: "Guest Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Guest Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help Center", href: "#faq"},
|
||||
{
|
||||
label: "Cancellation Policy",
|
||||
href: "https://www.airbnb.com/rooms/1624093641299285786",
|
||||
},
|
||||
label: "Cancellation Policy", href: "https://www.airbnb.com/rooms/1624093641299285786"},
|
||||
{
|
||||
label: "House Rules",
|
||||
href: "https://www.airbnb.com/rooms/1624093641299285786",
|
||||
},
|
||||
label: "House Rules", href: "https://www.airbnb.com/rooms/1624093641299285786"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Airbnb Listing",
|
||||
href: "https://www.airbnb.com/rooms/1624093641299285786",
|
||||
},
|
||||
label: "Airbnb Listing", href: "https://www.airbnb.com/rooms/1624093641299285786"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user