Merge version_1 into main #2
329
src/app/page.tsx
329
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Albaik Hotel"
|
||||
/>
|
||||
@@ -59,68 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Taste of Refinement at Albaik Hotel"
|
||||
description="Indulge in an extraordinary dining experience where culinary artistry meets warm, impeccable service. Join us for a journey of flavors."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg?_wi=1"
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85960.jpg",
|
||||
alt: "Portrait of a young confident man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-man_176474-85962.jpg",
|
||||
alt: "Portrait of a young cheerful man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/with-tilting-middle-aged-man-wearing-white-t-shirt-with-tie-isolated-pink-wall_141793-86890.jpg",
|
||||
alt: "With tilting middle-aged man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg",
|
||||
alt: "Man showing happy studio smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2148700793.jpg",
|
||||
alt: "Medium shot smiley woman with photo camera",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85960.jpg", alt: "Portrait of a young confident man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-man_176474-85962.jpg", alt: "Portrait of a young cheerful man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/with-tilting-middle-aged-man-wearing-white-t-shirt-with-tie-isolated-pink-wall_141793-86890.jpg", alt: "With tilting middle-aged man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg", alt: "Man showing happy studio smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2148700793.jpg", alt: "Medium shot smiley woman with photo camera" },
|
||||
]}
|
||||
avatarText="Join 50k+ happy guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Michelin Quality",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Ingredients",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Flavors",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Warm Atmosphere",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "25 Years Strong",
|
||||
icon: History,
|
||||
},
|
||||
{ type: "text-icon", text: "Michelin Quality", icon: Star },
|
||||
{ type: "text-icon", text: "Fresh Ingredients", icon: Leaf },
|
||||
{ type: "text-icon", text: "Global Flavors", icon: Globe },
|
||||
{ type: "text-icon", text: "Warm Atmosphere", icon: Coffee },
|
||||
{ type: "text-icon", text: "25 Years Strong", icon: History },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,21 +73,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Excellence by the Numbers"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Years of Tradition",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Culinary Awards",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Guests",
|
||||
value: "50k+",
|
||||
},
|
||||
{ icon: Star, label: "Years of Tradition", value: "25+" },
|
||||
{ icon: Award, label: "Culinary Awards", value: "15" },
|
||||
{ icon: Users, label: "Happy Guests", value: "50k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,27 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artisan Starters",
|
||||
subtitle: "A selection of curated appetizers.",
|
||||
category: "Appetizers",
|
||||
value: "From $15",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Signature Entrees",
|
||||
subtitle: "Chef-recommended main courses.",
|
||||
category: "Main",
|
||||
value: "From $35",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Decadent Desserts",
|
||||
subtitle: "Fine crafted sweet sensations.",
|
||||
category: "Sweets",
|
||||
value: "From $12",
|
||||
},
|
||||
{ id: "f1", title: "Artisan Starters", subtitle: "A selection of curated appetizers.", category: "Appetizers", value: "From $15" },
|
||||
{ id: "f2", title: "Signature Entrees", subtitle: "Chef-recommended main courses.", category: "Main", value: "From $35" },
|
||||
{ id: "f3", title: "Decadent Desserts", subtitle: "Fine crafted sweet sensations.", category: "Sweets", value: "From $12" },
|
||||
]}
|
||||
title="Culinary Highlights"
|
||||
description="Experience our signature dishes crafted from the freshest ingredients and inspired by global flavors."
|
||||
@@ -190,42 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gold Voucher",
|
||||
price: "$100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-quinceanera-party_23-2148478098.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Gift Box",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-empty-cup-dark-surface-cutlery-restaurant-lunch-color-coffee-plate-tea-drink_179666-19752.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chef's Pantry Selection",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-zero-waste-food-containers_23-2149316612.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Exclusive Wine Label",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-top-view-empty-greeting-card-valentines-red_24972-1476.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hotel Branded Apron",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114030.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gourmet Spice Set",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-raw-italian-pasta-glass-jars-with-garlic-rolling-pin-table-with-flour_141793-3330.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Gold Voucher", price: "$100", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-quinceanera-party_23-2148478098.jpg" },
|
||||
{ id: "p2", name: "Signature Gift Box", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-empty-cup-dark-surface-cutlery-restaurant-lunch-color-coffee-plate-tea-drink_179666-19752.jpg" },
|
||||
{ id: "p3", name: "Chef's Pantry Selection", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/close-up-zero-waste-food-containers_23-2149316612.jpg" },
|
||||
{ id: "p4", name: "Exclusive Wine Label", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-top-view-empty-greeting-card-valentines-red_24972-1476.jpg" },
|
||||
{ id: "p5", name: "Hotel Branded Apron", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114030.jpg" },
|
||||
{ id: "p6", name: "Gourmet Spice Set", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/assorted-raw-italian-pasta-glass-jars-with-garlic-rolling-pin-table-with-flour_141793-3330.jpg" },
|
||||
]}
|
||||
title="Signature Experiences"
|
||||
description="Bring the Albaik Hotel experience home or share it with someone special."
|
||||
@@ -239,56 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
title: "Casual Evening",
|
||||
period: "Per Guest",
|
||||
price: "$60",
|
||||
features: [
|
||||
"3 Course Meal",
|
||||
"Wine Pairing",
|
||||
"Table Preference",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-california-sushi-rolls-with-red-caviar_114579-2128.jpg",
|
||||
imageAlt: "gourmet dish luxury presentation",
|
||||
},
|
||||
id: "plan-1", title: "Casual Evening", period: "Per Guest", price: "$60", features: ["3 Course Meal", "Wine Pairing", "Table Preference"],
|
||||
button: { text: "Book Now", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-california-sushi-rolls-with-red-caviar_114579-2128.jpg", imageAlt: "gourmet dish luxury presentation"},
|
||||
{
|
||||
id: "plan-2",
|
||||
title: "Chef's Table",
|
||||
period: "Per Guest",
|
||||
price: "$150",
|
||||
features: [
|
||||
"7 Course Tasting",
|
||||
"Private Dining",
|
||||
"Meet Chef",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg?_wi=2",
|
||||
imageAlt: "gourmet dish luxury presentation",
|
||||
},
|
||||
id: "plan-2", title: "Chef's Table", period: "Per Guest", price: "$150", features: ["7 Course Tasting", "Private Dining", "Meet Chef"],
|
||||
button: { text: "Book Now", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg", imageAlt: "gourmet dish luxury presentation"},
|
||||
{
|
||||
id: "plan-3",
|
||||
title: "Gala Package",
|
||||
period: "Per Event",
|
||||
price: "$2500",
|
||||
features: [
|
||||
"Full Hall Rental",
|
||||
"Custom Menu",
|
||||
"Event Support",
|
||||
],
|
||||
button: {
|
||||
text: "Enquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-jelly-delicious-dessert-plate_23-2148238722.jpg",
|
||||
imageAlt: "gourmet dish luxury presentation",
|
||||
},
|
||||
id: "plan-3", title: "Gala Package", period: "Per Event", price: "$2500", features: ["Full Hall Rental", "Custom Menu", "Event Support"],
|
||||
button: { text: "Enquire Now", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-jelly-delicious-dessert-plate_23-2148238722.jpg", imageAlt: "gourmet dish luxury presentation"},
|
||||
]}
|
||||
title="Curated Dining Packages"
|
||||
description="Choose the perfect package for your next gathering or romantic evening."
|
||||
@@ -297,44 +141,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Traveler",
|
||||
testimonial: "An absolutely wonderful experience. Every dish was perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Wilson",
|
||||
role: "Food Critic",
|
||||
testimonial: "The balance of flavors is truly masterful. Best in the region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elisa Gomez",
|
||||
role: "Local Regular",
|
||||
testimonial: "My favorite place for special occasions. Never fails to impress.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Chen",
|
||||
role: "Business Guest",
|
||||
testimonial: "Impeccable service and sophisticated atmosphere. Truly luxurious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Monica Lee",
|
||||
role: "Event Planner",
|
||||
testimonial: "Organized a gala here and the staff went above and beyond.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-guests-using-videocall-connection_482257-81635.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Traveler", testimonial: "An absolutely wonderful experience. Every dish was perfection.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg" },
|
||||
{ id: "t2", name: "James Wilson", role: "Food Critic", testimonial: "The balance of flavors is truly masterful. Best in the region.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg" },
|
||||
{ id: "t3", name: "Elisa Gomez", role: "Local Regular", testimonial: "My favorite place for special occasions. Never fails to impress.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
|
||||
{ id: "t4", name: "Robert Chen", role: "Business Guest", testimonial: "Impeccable service and sophisticated atmosphere. Truly luxurious.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg" },
|
||||
{ id: "t5", name: "Monica Lee", role: "Event Planner", testimonial: "Organized a gala here and the staff went above and beyond.", imageSrc: "http://img.b2bpic.net/free-photo/older-guests-using-videocall-connection_482257-81635.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our patrons have to say about their experience at Albaik Hotel."
|
||||
@@ -345,21 +160,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "We highly recommend reservations for dinner and special occasions.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a dress code?",
|
||||
content: "Smart casual is requested for all our dining areas.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you accommodate allergies?",
|
||||
content: "Yes, our chefs are happy to cater to any dietary requirements.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need to book in advance?", content: "We highly recommend reservations for dinner and special occasions." },
|
||||
{ id: "q2", title: "Is there a dress code?", content: "Smart casual is requested for all our dining areas." },
|
||||
{ id: "q3", title: "Can you accommodate allergies?", content: "Yes, our chefs are happy to cater to any dietary requirements." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about your dining experience with us."
|
||||
@@ -370,9 +173,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="Ready to experience excellence? Contact our concierge to reserve your table today."
|
||||
@@ -384,36 +185,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Information", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Albaik Hotel"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user