diff --git a/src/app/page.tsx b/src/app/page.tsx index 6d5f40a..d4bb1aa 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,30 +32,18 @@ export default function LandingPage() { @@ -63,46 +51,29 @@ export default function LandingPage() {
@@ -113,19 +84,13 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "A Legacy of Luxury: ", - }, + type: "text", content: "A Legacy of Luxury: "}, { - type: "text", - content: "Your Home Away From Home", - }, + type: "text", content: "Your Home Away From Home"}, ]} buttons={[ { - text: "Learn More", - href: "#", - }, + text: "Learn More", href: "#"}, ]} />
@@ -138,23 +103,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Gourmet Dining", - description: "Savor culinary masterpieces at our award-winning restaurant, offering exquisite dishes and fine wines.", - imageSrc: "https://pixabay.com/get/g48be74ab67543c8c62f5ec1348aa39fe14ecb8390f0cd9b29565cdcd4f2225290288b231ec46af205826618ab3a729faf17e108cf5f2c943253909c5fb522ebd_1280.jpg", - imageAlt: "Gourmet dining experience at the hotel restaurant", - }, + title: "Gourmet Dining", description: "Savor culinary masterpieces at our award-winning restaurant, offering exquisite dishes and fine wines.", imageSrc: "https://pixabay.com/get/g48be74ab67543c8c62f5ec1348aa39fe14ecb8390f0cd9b29565cdcd4f2225290288b231ec46af205826618ab3a729faf17e108cf5f2c943253909c5fb522ebd_1280.jpg", imageAlt: "Gourmet dining experience at the hotel restaurant"}, { - title: "Luxurious Spa & Wellness", - description: "Rejuvenate your body and mind with our full-service spa, fitness center, and tranquil swimming pools.", - imageSrc: "https://pixabay.com/get/g7ff5620bcc5720f1b5379dd1daf59b932b6012019d87b74f045bf0dd4fd9acf6df091822741b7d53d7b49e517aa733c53642ce413418edc2d26b10f4bc182c87_1280.jpg", - imageAlt: "Luxurious spa with a serene ambiance", - }, + title: "Luxurious Spa & Wellness", description: "Rejuvenate your body and mind with our full-service spa, fitness center, and tranquil swimming pools.", imageSrc: "https://pixabay.com/get/g7ff5620bcc5720f1b5379dd1daf59b932b6012019d87b74f045bf0dd4fd9acf6df091822741b7d53d7b49e517aa733c53642ce413418edc2d26b10f4bc182c87_1280.jpg", imageAlt: "Luxurious spa with a serene ambiance"}, { - title: "Personalized Concierge", - description: "Our dedicated concierge team is at your service 24/7, ready to fulfill every request with utmost care.", - imageSrc: "https://pixabay.com/get/g74c33985de4572b03eebf2c000eae6820646f90155f5b7a08cddf7eb2a7907e468069161ec33e657f548df18f684d15a483ad1295a2437ae84e22505d98ead6b_1280.jpg", - imageAlt: "Hotel concierge assisting a guest", - }, + title: "Personalized Concierge", description: "Our dedicated concierge team is at your service 24/7, ready to fulfill every request with utmost care.", imageSrc: "https://pixabay.com/get/g74c33985de4572b03eebf2c000eae6820646f90155f5b7a08cddf7eb2a7907e468069161ec33e657f548df18f684d15a483ad1295a2437ae84e22505d98ead6b_1280.jpg", imageAlt: "Hotel concierge assisting a guest"}, ]} title="Unrivaled Amenities" description="Indulge in a world of comfort and convenience with our exquisite hotel amenities, designed for an unforgettable stay." @@ -169,29 +122,11 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "standard-room", - name: "Standard Room", - price: "$250/night", - variant: "Cozy & Comfortable", - imageSrc: "https://pixabay.com/get/ge7431f40fd14ecbaf33cd0d6d3fbc2126d1da23551edbfaacf7f113416afe34daeeb33eeb483e7fbe10998f3cd74d984b0060b1fbe1f00921cb44943e87e7f23_1280.jpg", - imageAlt: "Standard hotel room with a comfortable bed", - }, + id: "standard-room", name: "Standard Room", price: "$250/night", variant: "Cozy & Comfortable", imageSrc: "https://pixabay.com/get/ge7431f40fd14ecbaf33cd0d6d3fbc2126d1da23551edbfaacf7f113416afe34daeeb33eeb483e7fbe10998f3cd74d984b0060b1fbe1f00921cb44943e87e7f23_1280.jpg", imageAlt: "Standard hotel room with a comfortable bed"}, { - id: "deluxe-room", - name: "Deluxe Room", - price: "$380/night", - variant: "Spacious & Elegant", - imageSrc: "https://pixabay.com/get/g415ff034dd76586e27157f2415da8c9023779ab0f799ab76a2afef6006a835e7b7fa891804b84a75990b804355c8f10a783ecd0d2ed84303a8e4e17d71926b2b_1280.jpg", - imageAlt: "Deluxe hotel room with city view", - }, + id: "deluxe-room", name: "Deluxe Room", price: "$380/night", variant: "Spacious & Elegant", imageSrc: "https://pixabay.com/get/g415ff034dd76586e27157f2415da8c9023779ab0f799ab76a2afef6006a835e7b7fa891804b84a75990b804355c8f10a783ecd0d2ed84303a8e4e17d71926b2b_1280.jpg", imageAlt: "Deluxe hotel room with city view"}, { - id: "executive-suite", - name: "Executive Suite", - price: "$650/night", - variant: "Luxury & Privacy", - imageSrc: "https://pixabay.com/get/ga93fed96ded9f5f15c952f1a9177bcea374d97b9f0ef8f8165e28f35baf23428b70ddae366f6bb5ee98ba2e94185b7b5d1b6fbda3d92827940dce61827dbe86b_1280.jpg", - imageAlt: "Executive hotel suite living room", - }, + id: "executive-suite", name: "Executive Suite", price: "$650/night", variant: "Luxury & Privacy", imageSrc: "https://pixabay.com/get/ga93fed96ded9f5f15c952f1a9177bcea374d97b9f0ef8f8165e28f35baf23428b70ddae366f6bb5ee98ba2e94185b7b5d1b6fbda3d92827940dce61827dbe86b_1280.jpg", imageAlt: "Executive hotel suite living room"}, ]} title="Our Luxurious Rooms & Suites" description="Discover your perfect sanctuary. Each room is meticulously designed for comfort, elegance, and an unforgettable stay." @@ -206,25 +141,15 @@ export default function LandingPage() { author="Sarah J." avatars={[ { - src: "https://pixabay.com/get/g1eaf817ff2da56c13ba53486f658c1aad1c7eb89aa8a9d7adbf9d9bab18e552e7e9c9c7adf86b28966d4f7316dc4eb8f682e5b4e4bab0a4d23ccf67033b38261_1280.jpg", - alt: "Avatar of Sarah J.", - }, + src: "https://pixabay.com/get/g1eaf817ff2da56c13ba53486f658c1aad1c7eb89aa8a9d7adbf9d9bab18e552e7e9c9c7adf86b28966d4f7316dc4eb8f682e5b4e4bab0a4d23ccf67033b38261_1280.jpg", alt: "Avatar of Sarah J."}, { - src: "https://pixabay.com/get/g5e1745427b4c50bb0813a40592c65fea6e94d4b0000efc75e8194e2f859f89599bec3816348c45ad375e4fb6daec44a76b31dee0b1fbd3ad23673fb8fb997126_1280.jpg", - alt: "Avatar of Michael C.", - }, + src: "https://pixabay.com/get/g5e1745427b4c50bb0813a40592c65fea6e94d4b0000efc75e8194e2f859f89599bec3816348c45ad375e4fb6daec44a76b31dee0b1fbd3ad23673fb8fb997126_1280.jpg", alt: "Avatar of Michael C."}, { - src: "https://pixabay.com/get/gb20d0fc29bbde6b447ef3329f8fd87c9d2178684d8a2f0d849b96388023d642fc2ad6f6262ccbb38b0355fb50c27bb6ca780ca591430b9e0c277d87726d98ee6_1280.jpg", - alt: "Avatar of Emily R.", - }, + src: "https://pixabay.com/get/gb20d0fc29bbde6b447ef3329f8fd87c9d2178684d8a2f0d849b96388023d642fc2ad6f6262ccbb38b0355fb50c27bb6ca780ca591430b9e0c277d87726d98ee6_1280.jpg", alt: "Avatar of Emily R."}, { - src: "https://pixabay.com/get/g7f621216075ebab500c0f6991f738ad909f0d37ed3bedcb28986dedfcc146e342a245bbc8749e8615ee0c89c0d4871d45d8ec116ed786d863675067bd29388ef_1280.jpg", - alt: "Avatar of David K.", - }, + src: "https://pixabay.com/get/g7f621216075ebab500c0f6991f738ad909f0d37ed3bedcb28986dedfcc146e342a245bbc8749e8615ee0c89c0d4871d45d8ec116ed786d863675067bd29388ef_1280.jpg", alt: "Avatar of David K."}, { - src: "https://pixabay.com/get/gabd7e1c55c8dbcf7903bf3a53027bf09618ce7f8cc3ce841b0d504ba6e24f3aa5bdd960584bc546de061e2cd6318abf88f624357b20ffef83ff41fa661ba4d2d_1280.jpg", - alt: "Avatar of Olivia P.", - }, + src: "https://pixabay.com/get/gabd7e1c55c8dbcf7903bf3a53027bf09618ce7f8cc3ce841b0d504ba6e24f3aa5bdd960584bc546de061e2cd6318abf88f624357b20ffef83ff41fa661ba4d2d_1280.jpg", alt: "Avatar of Olivia P."}, ]} ratingAnimation="blur-reveal" avatarsAnimation="opacity" @@ -237,25 +162,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "What are the check-in and check-out times?", - content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability.", - }, + id: "faq-1", title: "What are the check-in and check-out times?", content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability."}, { - id: "faq-2", - title: "Does the hotel offer airport shuttle services?", - content: "Yes, we offer airport shuttle services for an additional fee. Please contact our concierge team at least 24 hours in advance to arrange your transportation.", - }, + id: "faq-2", title: "Does the hotel offer airport shuttle services?", content: "Yes, we offer airport shuttle services for an additional fee. Please contact our concierge team at least 24 hours in advance to arrange your transportation."}, { - id: "faq-3", - title: "Is Wi-Fi available throughout the hotel?", - content: "Complimentary high-speed Wi-Fi is available for all guests throughout the hotel, including rooms, common areas, and meeting facilities.", - }, + id: "faq-3", title: "Is Wi-Fi available throughout the hotel?", content: "Complimentary high-speed Wi-Fi is available for all guests throughout the hotel, including rooms, common areas, and meeting facilities."}, { - id: "faq-4", - title: "Are pets allowed at the Grand Hotel?", - content: "We are a pet-friendly hotel and welcome well-behaved dogs under 25 lbs. A non-refundable pet fee applies per stay. Please inform us in advance if you plan to bring a pet.", - }, + id: "faq-4", title: "Are pets allowed at the Grand Hotel?", content: "We are a pet-friendly hotel and welcome well-behaved dogs under 25 lbs. A non-refundable pet fee applies per stay. Please inform us in advance if you plan to bring a pet."}, ]} title="Frequently Asked Questions" description="Find answers to common questions about your stay, bookings, and hotel services." @@ -269,22 +182,14 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "contact-faq-1", - title: "How do I make a reservation?", - content: "Reservations can be made directly through our website's booking engine, by phone, or via email. Our team is available to assist you.", - }, + id: "contact-faq-1", title: "How do I make a reservation?", content: "Reservations can be made directly through our website's booking engine, by phone, or via email. Our team is available to assist you."}, { - id: "contact-faq-2", - title: "What payment methods are accepted?", - content: "We accept major credit cards (Visa, Mastercard, American Express, Discover) and bank transfers. A valid credit card is required to guarantee your reservation.", - }, + id: "contact-faq-2", title: "What payment methods are accepted?", content: "We accept major credit cards (Visa, Mastercard, American Express, Discover) and bank transfers. A valid credit card is required to guarantee your reservation."}, ]} ctaTitle="Ready to book your stay?" ctaDescription="Contact us today to inquire about availability, special offers, or any specific requests you may have. We look forward to welcoming you." ctaButton={{ - text: "Contact Us Now", - href: "mailto:info@grandhotel.com", - }} + text: "Contact Us Now", href: "mailto:info@grandhotel.com"}} ctaIcon={Mail} /> @@ -294,50 +199,31 @@ export default function LandingPage() { logoText="Grand Hotel" columns={[ { - title: "Discover", - items: [ + title: "Discover", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Amenities", - href: "#amenities", - }, + label: "Amenities", href: "#amenities"}, { - label: "Rooms & Suites", - href: "#rooms", - }, + label: "Rooms & Suites", href: "#rooms"}, ], }, { - title: "Reservations", - items: [ + title: "Reservations", items: [ { - label: "Book Now", - href: "#contact", - }, + label: "Book Now", href: "#contact"}, { - label: "Special Offers", - href: "#", - }, + label: "Special Offers", href: "#"}, { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, ], }, ]} diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 2758245..7a12233 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f7f6f7; - --card: #ffffff; - --foreground: #0c1325; - --primary-cta: #0b07ff; - --primary-cta-text: #f7f6f7; + --background: #fffafa; + --card: #fff7f7; + --foreground: #1a0000; + --primary-cta: #e63946; + --primary-cta-text: #fffafa; --secondary-cta: #ffffff; - --secondary-cta-text: #0c1325; - --accent: #93b7ff; - --background-accent: #a8bae8; + --secondary-cta-text: #1a0000; + --accent: #f5c4c7; + --background-accent: #f09199; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);