Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -19,62 +19,42 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve", href: "#contact"}}
|
||||
brandName="Argo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Culinary Artistry at Argo"
|
||||
description="Where tradition meets modern technique. Experience an unforgettable evening of fine dining and refined flavors."
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://pixabay.com/get/g17a04968362a7e402ed4319ffc419de1ffbb8200432cdcc4358a75490d122adc4a7c7cbb4c34aec60fc0701c54f9912ace109c3fe592d020260ca94e5d04c025_1280.jpg", imageAlt: "elegant restaurant dining interior moody red" },
|
||||
{ imageSrc: "https://pixabay.com/get/g8fdbeb8100fc0c5b9c4d5a6b6dc3498a042841a65a4ca9d58fdc21b8e5a1f6e1c7fb1878d190f6867da040a59a38fd1e9e4da86a96e5080d298f69c4a85532de_1280.jpg", imageAlt: "gourmet appetizer fine dining" },
|
||||
{ imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg", imageAlt: "luxury wine bar interior moody" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g17a04968362a7e402ed4319ffc419de1ffbb8200432cdcc4358a75490d122adc4a7c7cbb4c34aec60fc0701c54f9912ace109c3fe592d020260ca94e5d04c025_1280.jpg",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g8fdbeb8100fc0c5b9c4d5a6b6dc3498a042841a65a4ca9d58fdc21b8e5a1f6e1c7fb1878d190f6867da040a59a38fd1e9e4da86a96e5080d298f69c4a85532de_1280.jpg?_wi=1",
|
||||
imageAlt: "Gourmet plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg?_wi=1",
|
||||
imageAlt: "Wine lounge",
|
||||
},
|
||||
text: "Book Your Table", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,20 +65,11 @@ export default function LandingPage() {
|
||||
title="A Legacy of Taste"
|
||||
description="Argo was founded on the belief that dining is an immersive experience, blending premium ingredients, precise technique, and atmosphere."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Recipes Crafted",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
{ value: "20+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Recipes Crafted" },
|
||||
{ value: "10k+", title: "Happy Guests" },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gf745e3780139964ee890390a7744f2bc76e3787a969c46fe44e3ccf4bfc2cc13b96cae0348b0aaac0a3c4b98c5889398217361a338d3e0da5367fb640650ac08_1280.jpg?_wi=1"
|
||||
imageSrc="https://pixabay.com/get/gf745e3780139964ee890390a7744f2bc76e3787a969c46fe44e3ccf4bfc2cc13b96cae0348b0aaac0a3c4b98c5889398217361a338d3e0da5367fb640650ac08_1280.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -112,32 +83,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
brand: "Starter",
|
||||
name: "Scallop Carpaccio",
|
||||
price: "$28",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://pixabay.com/get/g8fdbeb8100fc0c5b9c4d5a6b6dc3498a042841a65a4ca9d58fdc21b8e5a1f6e1c7fb1878d190f6867da040a59a38fd1e9e4da86a96e5080d298f69c4a85532de_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", brand: "Starter", name: "Scallop Carpaccio", price: "$28", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://pixabay.com/get/g8fdbeb8100fc0c5b9c4d5a6b6dc3498a042841a65a4ca9d58fdc21b8e5a1f6e1c7fb1878d190f6867da040a59a38fd1e9e4da86a96e5080d298f69c4a85532de_1280.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
brand: "Main",
|
||||
name: "Dry-Aged Wagyu",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "240",
|
||||
imageSrc: "https://pixabay.com/get/gf65a0d8b70a0164e34542c2c8bcb7f4527dffdedeb466a908a519ec562a686d470c03b1a3517c690c195620d9a01bae7bb3b69ff8294bd405fd9c4ca77c0022c_1280.jpg",
|
||||
},
|
||||
id: "m2", brand: "Main", name: "Dry-Aged Wagyu", price: "$65", rating: 5,
|
||||
reviewCount: "240", imageSrc: "https://pixabay.com/get/gf65a0d8b70a0164e34542c2c8bcb7f4527dffdedeb466a908a519ec562a686d470c03b1a3517c690c195620d9a01bae7bb3b69ff8294bd405fd9c4ca77c0022c_1280.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
brand: "Dessert",
|
||||
name: "Dark Cacao Bloom",
|
||||
price: "$18",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "https://pixabay.com/get/g94bdab2addefb527702c52fb2699eddf754b601f11a28a081e515e0e42c3f51ce37193cc75f7caedea5ba00ba74d15252538e53f5f23057abd140e741ac74030_1280.jpg",
|
||||
},
|
||||
id: "m3", brand: "Dessert", name: "Dark Cacao Bloom", price: "$18", rating: 4,
|
||||
reviewCount: "95", imageSrc: "https://pixabay.com/get/g94bdab2addefb527702c52fb2699eddf754b601f11a28a081e515e0e42c3f51ce37193cc75f7caedea5ba00ba74d15252538e53f5f23057abd140e741ac74030_1280.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Exquisite seasonal selections curated by our executive chef."
|
||||
@@ -151,28 +104,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Atmosphere",
|
||||
title: "Moody & Intimate",
|
||||
subtitle: "Curated Lighting",
|
||||
description: "Dim, warm lighting for privacy and relaxation.",
|
||||
imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg?_wi=2",
|
||||
},
|
||||
tag: "Atmosphere", title: "Moody & Intimate", subtitle: "Curated Lighting", description: "Dim, warm lighting for privacy and relaxation.", imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Cellar",
|
||||
title: "Private Reserve",
|
||||
subtitle: "Exquisite Selection",
|
||||
description: "Access to our global collection of vintage wines.",
|
||||
imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg?_wi=3",
|
||||
},
|
||||
tag: "Cellar", title: "Private Reserve", subtitle: "Exquisite Selection", description: "Access to our global collection of vintage wines.", imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Service",
|
||||
title: "Bespoke Attention",
|
||||
subtitle: "Personalized Care",
|
||||
description: "Attentive, professional staff focused on your comfort.",
|
||||
imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg?_wi=4",
|
||||
},
|
||||
tag: "Service", title: "Bespoke Attention", subtitle: "Personalized Care", description: "Attentive, professional staff focused on your comfort.", imageSrc: "https://pixabay.com/get/gfda7ce15c11c719da7ecb410a553375be7467f27fbe471e7cf8ed1a5a55319158e910e2a8ddee7e7ca7100c8bf2e3618d693e67c76f964e585b48cf4423556d8_1280.jpg"},
|
||||
]}
|
||||
title="The Argo Experience"
|
||||
description="Every detail is thoughtfully designed to enhance your visit."
|
||||
@@ -187,26 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elias Thorne",
|
||||
role: "Executive Chef",
|
||||
description: "15 years of Michelin experience.",
|
||||
imageSrc: "https://pixabay.com/get/g4bf2b4ea740485f2df26f4466b2b4dc6f9e1849fc3e5ab15c670a675053c2d7200aee77a2dfb7447066dbf62b2677ec4921f4c4d063eb939dbe1690f4d06fa08_1280.jpg",
|
||||
},
|
||||
id: "t1", name: "Elias Thorne", role: "Executive Chef", description: "15 years of Michelin experience.", imageSrc: "https://pixabay.com/get/g4bf2b4ea740485f2df26f4466b2b4dc6f9e1849fc3e5ab15c670a675053c2d7200aee77a2dfb7447066dbf62b2677ec4921f4c4d063eb939dbe1690f4d06fa08_1280.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sofia Rossi",
|
||||
role: "General Manager",
|
||||
description: "Passionate about hospitality and guest experience.",
|
||||
imageSrc: "https://pixabay.com/get/gfe3afda05fb530f5e79457e8bb19f5a0586223b81e8d6a53a68eb7285b966bd05ec7e084324e9b9f40c3911aa556b70c0816729dd59f128df8df7caaeec4ad9f_1280.jpg",
|
||||
},
|
||||
id: "t2", name: "Sofia Rossi", role: "General Manager", description: "Passionate about hospitality and guest experience.", imageSrc: "https://pixabay.com/get/gfe3afda05fb530f5e79457e8bb19f5a0586223b81e8d6a53a68eb7285b966bd05ec7e084324e9b9f40c3911aa556b70c0816729dd59f128df8df7caaeec4ad9f_1280.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julian Vance",
|
||||
role: "Head Sommelier",
|
||||
description: "Expert curator of fine international wines.",
|
||||
imageSrc: "https://pixabay.com/get/gf3a647379d7439a87ed112308ed988d9dca00be255118f4acba7e2d346d03d55d8e5fce7d7167d85a8c22e0eba9a724a6f4a4533a6f25ffecb413afbebf75936_1280.jpg",
|
||||
},
|
||||
id: "t3", name: "Julian Vance", role: "Head Sommelier", description: "Expert curator of fine international wines.", imageSrc: "https://pixabay.com/get/gf3a647379d7439a87ed112308ed988d9dca00be255118f4acba7e2d346d03d55d8e5fce7d7167d85a8c22e0eba9a724a6f4a4533a6f25ffecb413afbebf75936_1280.jpg"},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="The passionate professionals behind every Argo experience."
|
||||
@@ -215,37 +138,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "v1",
|
||||
name: "Alice Miller",
|
||||
handle: "@amiller",
|
||||
testimonial: "An incredible atmosphere, the best I have visited in years.",
|
||||
imageSrc: "https://pixabay.com/get/g8374cde159adf8a7b1578ee0dd3683405c96a1c9dd5a4ee4c24f7bba836e5c2a9e05573af80e2cea09dea24a58eaba60289132ad9638dc55a0446d7a7676e1f6_1280.jpg",
|
||||
},
|
||||
id: "v1", name: "Alice Miller", handle: "@amiller", testimonial: "An incredible atmosphere, the best I have visited in years.", imageSrc: "https://pixabay.com/get/g8374cde159adf8a7b1578ee0dd3683405c96a1c9dd5a4ee4c24f7bba836e5c2a9e05573af80e2cea09dea24a58eaba60289132ad9638dc55a0446d7a7676e1f6_1280.jpg"},
|
||||
{
|
||||
id: "v2",
|
||||
name: "Bob Chen",
|
||||
handle: "@bchen",
|
||||
testimonial: "The Wagyu was cooked to absolute perfection. Remarkable.",
|
||||
imageSrc: "https://pixabay.com/get/g5e166047b5e8ebfbcf33f57317aa62d45edb25f022ceb87dc9d6bc5dfd968a30187cbf26de2dcedbb212311d083753ecac135c2ca008e69d146633ead1a4af26_1280.jpg",
|
||||
},
|
||||
id: "v2", name: "Bob Chen", handle: "@bchen", testimonial: "The Wagyu was cooked to absolute perfection. Remarkable.", imageSrc: "https://pixabay.com/get/g5e166047b5e8ebfbcf33f57317aa62d45edb25f022ceb87dc9d6bc5dfd968a30187cbf26de2dcedbb212311d083753ecac135c2ca008e69d146633ead1a4af26_1280.jpg"},
|
||||
{
|
||||
id: "v3",
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "Sophisticated, warm, and highly professional service.",
|
||||
imageSrc: "https://pixabay.com/get/ga54e712b6fef2d3ac0cbf1a2678468ca5d1dd77150fea334c717c9791de9e9e47e5fbcc8c0364b443e459f2a84adf07c8cbe18df9538c7b2c869769a8bef5b01_1280.jpg",
|
||||
},
|
||||
id: "v3", name: "Elena Vance", handle: "@evance", testimonial: "Sophisticated, warm, and highly professional service.", imageSrc: "https://pixabay.com/get/ga54e712b6fef2d3ac0cbf1a2678468ca5d1dd77150fea334c717c9791de9e9e47e5fbcc8c0364b443e459f2a84adf07c8cbe18df9538c7b2c869769a8bef5b01_1280.jpg"},
|
||||
{
|
||||
id: "v4",
|
||||
name: "Marcus D.",
|
||||
handle: "@mdigital",
|
||||
testimonial: "A culinary delight. Truly a top-tier experience.",
|
||||
imageSrc: "https://pixabay.com/get/gbac308ac7b1d5495784f34cdf651695ec1a7b5234d64343624a6fbdc32ad1aa32bdaa1dbc09bbf69dafde6e3f241b9678341b8e73c525d90a60bee4db6f7e696_1280.jpg",
|
||||
},
|
||||
id: "v4", name: "Marcus D.", handle: "@mdigital", testimonial: "A culinary delight. Truly a top-tier experience.", imageSrc: "https://pixabay.com/get/gbac308ac7b1d5495784f34cdf651695ec1a7b5234d64343624a6fbdc32ad1aa32bdaa1dbc09bbf69dafde6e3f241b9678341b8e73c525d90a60bee4db6f7e696_1280.jpg"},
|
||||
]}
|
||||
title="Guest Reflections"
|
||||
description="What our guests say about their evening with us."
|
||||
@@ -258,22 +162,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We highly recommend reservations, though small parties can sometimes be accommodated.",
|
||||
},
|
||||
id: "q1", title: "Do you accept walk-ins?", content: "We highly recommend reservations, though small parties can sometimes be accommodated."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a dress code?",
|
||||
content: "Smart casual or formal attire is appreciated to match the atmosphere.",
|
||||
},
|
||||
id: "q2", title: "Is there a dress code?", content: "Smart casual or formal attire is appreciated to match the atmosphere."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you cater to dietary needs?",
|
||||
content: "Yes, please mention any requirements upon booking your table.",
|
||||
},
|
||||
id: "q3", title: "Do you cater to dietary needs?", content: "Yes, please mention any requirements upon booking your table."},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gf745e3780139964ee890390a7744f2bc76e3787a969c46fe44e3ccf4bfc2cc13b96cae0348b0aaac0a3c4b98c5889398217361a338d3e0da5367fb640650ac08_1280.jpg?_wi=2"
|
||||
imageSrc="https://pixabay.com/get/gf745e3780139964ee890390a7744f2bc76e3787a969c46fe44e3ccf4bfc2cc13b96cae0348b0aaac0a3c4b98c5889398217361a338d3e0da5367fb640650ac08_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know before visiting us."
|
||||
@@ -284,9 +179,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
tag="Reservations"
|
||||
title="Book Your Evening"
|
||||
description="Join our newsletter for event updates and priority booking."
|
||||
@@ -297,50 +190,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Experience", href: "#experience" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -351,4 +217,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user