Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
164
src/app/page.tsx
164
src/app/page.tsx
@@ -9,7 +9,8 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Flame, ShieldCheck, Wine } from "lucide-react";
|
||||
import { Award, Flame, ShieldCheck, Wine, MapPin, Mail, Phone } from "lucide-react";
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Heritage", id: "about"},
|
||||
{
|
||||
name: "Signature Cuts", id: "menu"},
|
||||
{
|
||||
name: "Experience", id: "testimonials"},
|
||||
{
|
||||
name: "Reservations", id: "contact"},
|
||||
{ name: "Our Heritage", id: "about" },
|
||||
{ name: "Signature Cuts", id: "menu" },
|
||||
{ name: "Experience", id: "testimonials" },
|
||||
{ name: "Location & Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MIRADOR"
|
||||
/>
|
||||
@@ -44,46 +41,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Three Decades of Culinary Mastery"
|
||||
description="Where time-honored tradition meets the art of the perfect flame. Experience the pinnacle of luxury at Mirador."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081855.jpg", alt: "Distinguished man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6896.jpg", alt: "Sophisticated woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg", alt: "Food critic portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg", alt: "Business executive"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-receiving-gift-from-her-lover_23-2148060577.jpg", alt: "Elegant couple"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081855.jpg", alt: "Distinguished man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6896.jpg", alt: "Sophisticated woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg", alt: "Food critic portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg", alt: "Business executive" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-receiving-gift-from-her-lover_23-2148060577.jpg", alt: "Elegant couple" },
|
||||
]}
|
||||
avatarText="Join our world-class dining legacy"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table", href: "#contact"},
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{ text: "Reserve Your Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "30 Years of Excellence", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Prime Wagyu Selection", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Vintage Cellar Access", icon: Wine,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Private Dining Suites", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Artisanal Preparation", icon: Flame,
|
||||
},
|
||||
{ type: "text-icon", text: "30 Years of Excellence", icon: Award },
|
||||
{ type: "text-icon", text: "Prime Wagyu Selection", icon: Award },
|
||||
{ type: "text-icon", text: "Vintage Cellar Access", icon: Wine },
|
||||
{ type: "text-icon", text: "Private Dining Suites", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Artisanal Preparation", icon: Flame },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,105 +86,38 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Signature Tomahawk", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetables-pan_23-2148599843.jpg"},
|
||||
{
|
||||
id: "2", name: "Vintage Reserve Red", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/luxury-wineglass-reflects-candlelit-elegance-celebration-generated-by-ai_188544-15330.jpg"},
|
||||
{
|
||||
id: "3", name: "Artisan Glazed Roots", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg"},
|
||||
{
|
||||
id: "4", name: "Gold Leaf Decadence", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95311.jpg"},
|
||||
{
|
||||
id: "5", name: "Wagyu Carpaccio", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/eating-asian-food-dinner-concept_53876-23414.jpg"},
|
||||
{
|
||||
id: "6", name: "Mirador Craft Coupe", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg"},
|
||||
{ id: "1", name: "Signature Tomahawk", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetables-pan_23-2148599843.jpg" },
|
||||
{ id: "2", name: "Vintage Reserve Red", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/luxury-wineglass-reflects-candlelit-elegance-celebration-generated-by-ai_188544-15330.jpg" },
|
||||
{ id: "3", name: "Artisan Glazed Roots", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg" },
|
||||
{ id: "4", name: "Gold Leaf Decadence", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95311.jpg" },
|
||||
]}
|
||||
title="A Menu of Icons"
|
||||
description="From prime cuts aged to perfection to rare vintage pairings, discover the flavors that define the Mirador experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Arthur Sterling", handle: "@sterlinggroup", testimonial: "The standard of excellence is simply unmatched. A perfect steakhouse.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg"},
|
||||
{
|
||||
id: "2", name: "Elena Vance", handle: "@elena_vance", testimonial: "Every meal here is a sensory journey. Mirador never fails to impress.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-velvet-dress-holds-martini-glass_197531-15681.jpg"},
|
||||
{
|
||||
id: "3", name: "Julian Thorne", handle: "@jthorn_critic", testimonial: "Exquisite. The perfect marriage of tradition and modern innovation.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187196.jpg"},
|
||||
{
|
||||
id: "4", name: "Marcus Reid", handle: "@mreid_ceo", testimonial: "The gold standard for a reason. Simply extraordinary service.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006711.jpg"},
|
||||
{
|
||||
id: "5", name: "Clara & James", handle: "@the_couple", testimonial: "Celebrated our 10th anniversary here, and every moment was pure magic.", imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-gift-from-her-lover_23-2148060577.jpg"},
|
||||
]}
|
||||
title="Voices of Excellence"
|
||||
description="Join the circle of connoisseurs who consider Mirador their home for fine dining."
|
||||
description="Discover the flavors that define the Mirador experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Secure Your Table"
|
||||
description="Direct inquiries for reservations, private dining, or exclusive events. Mirador looks forward to hosting your next memorable evening."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "date", type: "date", placeholder: "Preferred Date", required: true,
|
||||
},
|
||||
{
|
||||
name: "time", type: "time", placeholder: "Preferred Time", required: true,
|
||||
},
|
||||
{
|
||||
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
|
||||
},
|
||||
<MetricCardOne
|
||||
title="Location & Contact"
|
||||
description="Visit us in the heart of the city, or reach out to our dedicated concierge service."
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "1994", title: "Founded", description: "Three decades of excellence", icon: Award },
|
||||
{ id: "2", value: "City Core", title: "Location", description: "Luxury District, Suite 101", icon: MapPin },
|
||||
{ id: "3", value: "24/7", title: "Concierge", description: "contact@mirador.com", icon: Mail },
|
||||
{ id: "4", value: "Direct", title: "Reservation", description: "+1 (800) MIR-ADOR", icon: Phone },
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes", placeholder: "Special requests or seating preferences?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826254.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reservations", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="MIRADOR"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user