Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 92395b048a | |||
| 9df82a444e | |||
| 6a23b2be67 |
288
src/app/page.tsx
288
src/app/page.tsx
@@ -30,26 +30,12 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Menu", id: "menu" },
|
||||||
id: "hero",
|
{ name: "About", id: "about" },
|
||||||
},
|
{ name: "Gallery", id: "gallery" },
|
||||||
{
|
{ name: "Info", id: "info" },
|
||||||
name: "Menu",
|
{ name: "Contact", id: "contact" },
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Gallery",
|
|
||||||
id: "gallery",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="CR Dines"
|
brandName="CR Dines"
|
||||||
/>
|
/>
|
||||||
@@ -57,46 +43,14 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Where Flavor Meets Warmth"
|
title="Where Flavor Meets Warmth"
|
||||||
description="Experience thoughtfully crafted dishes made with passion, fresh ingredients, and a touch of home."
|
description="Experience thoughtfully crafted dishes made with passion, fresh ingredients, and a touch of home."
|
||||||
buttons={[
|
buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "Explore Menu", href: "#menu" }]}
|
||||||
{
|
|
||||||
text: "Reserve a Table",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Explore Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-jelly-dessert-plate_23-2148238723.jpg", imageAlt: "Gourmet dish presentation" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-jelly-dessert-plate_23-2148238723.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-open-space-new-concept_140725-7438.jpg", imageAlt: "Warm restaurant ambiance" },
|
||||||
imageAlt: "Gourmet dish presentation",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-decoration-with-slate_23-2147681615.jpg", imageAlt: "Fresh ingredients" },
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-open-space-new-concept_140725-7438.jpg",
|
|
||||||
imageAlt: "Warm restaurant ambiance",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-decoration-with-slate_23-2147681615.jpg",
|
|
||||||
imageAlt: "Fresh ingredients",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-adding-sauce-dish_23-2148763222.jpg",
|
|
||||||
imageAlt: "Chef preparing food",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157779.jpg",
|
|
||||||
imageAlt: "Elegant dining table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg",
|
|
||||||
imageAlt: "Cozy restaurant interior",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -116,45 +70,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Roasted Garden Salad", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/healthy-chickpea-salad-with-tomatolettuce-cucumber-wooden-table_123827-32420.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Grilled Salmon Fillet", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-5520.jpg" },
|
||||||
name: "Roasted Garden Salad",
|
{ id: "3", name: "Slow-Cooked Beef", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-rosemary-spices-dipping-sauce_84443-72351.jpg" },
|
||||||
price: "$16",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-chickpea-salad-with-tomatolettuce-cucumber-wooden-table_123827-32420.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Grilled Salmon Fillet",
|
|
||||||
price: "$28",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-5520.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Slow-Cooked Beef",
|
|
||||||
price: "$32",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-rosemary-spices-dipping-sauce_84443-72351.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Herb-Crusted Chicken",
|
|
||||||
price: "$24",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-chicken-cutting-board-with-orange-slices_23-2148682751.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Wild Mushroom Risotto",
|
|
||||||
price: "$22",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-mushroom-risotto-topped-with-grated-cheese_141793-469.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Seasonal Fruit Tart",
|
|
||||||
price: "$12",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pie-plate_23-2149629046.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Dishes"
|
title="Signature Dishes"
|
||||||
description="Hand-picked favorites from our seasonal menu."
|
description="Featuring a blend of fresh greens, savory grilled meats, and artisanal textures."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -164,63 +85,23 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "starters", badge: "Beginnings", price: "Starters", subtitle: "Appetizers to share", features: ["Warm Sourdough", "Roasted Tomato Soup", "Garden Salad"], buttons: [{ text: "Reserve Now", href: "#contact" }] },
|
||||||
id: "starters",
|
{ id: "mains", badge: "Signature", price: "Mains", subtitle: "Handcrafted entrees", features: ["Slow-Cooked Beef (4hr slow roast)", "Grilled Salmon (lemon butter sauce)", "Mushroom Risotto (wild truffle oil)"], buttons: [{ text: "Reserve Now", href: "#contact" }] },
|
||||||
badge: "Beginnings",
|
{ id: "desserts", badge: "Sweet", price: "Desserts", subtitle: "Finishing touches", features: ["Fruit Tart", "Chocolate Ganache", "Vanilla Bean Gelato"], buttons: [{ text: "Reserve Now", href: "#contact" }] },
|
||||||
price: "Starters",
|
|
||||||
subtitle: "Appetizers to share",
|
|
||||||
features: [
|
|
||||||
"Warm Sourdough",
|
|
||||||
"Roasted Tomato Soup",
|
|
||||||
"Garden Salad",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Reserve Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "mains",
|
|
||||||
badge: "Signature",
|
|
||||||
price: "Mains",
|
|
||||||
subtitle: "Handcrafted entrees",
|
|
||||||
features: [
|
|
||||||
"Slow-Cooked Beef",
|
|
||||||
"Grilled Salmon",
|
|
||||||
"Mushroom Risotto",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Reserve Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "desserts",
|
|
||||||
badge: "Sweet",
|
|
||||||
price: "Desserts",
|
|
||||||
subtitle: "Finishing touches",
|
|
||||||
features: [
|
|
||||||
"Fruit Tart",
|
|
||||||
"Chocolate Ganache",
|
|
||||||
"Vanilla Bean Gelato",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Reserve Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Explore Our Menu"
|
title="Explore Our Menu"
|
||||||
description="Discover our carefully curated seasonal offerings."
|
description="Discover our carefully curated seasonal offerings."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="info" data-section="info">
|
||||||
|
<TextAbout
|
||||||
|
useInvertedBackground={true}
|
||||||
|
title="Client Information & Guidelines"
|
||||||
|
tag="Our Service"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="gallery" data-section="gallery">
|
<div id="gallery" data-section="gallery">
|
||||||
<TeamCardTwo
|
<TeamCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -228,85 +109,24 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
members={[
|
members={[
|
||||||
{
|
{ id: "1", name: "Elena Rossi", role: "Executive Chef", description: "15 years of culinary mastery.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-with-medical-mask_23-2148723311.jpg" },
|
||||||
id: "1",
|
|
||||||
name: "Elena Rossi",
|
|
||||||
role: "Executive Chef",
|
|
||||||
description: "15 years of culinary mastery.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-with-medical-mask_23-2148723311.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Mark Bennett",
|
|
||||||
role: "Head Sommelier",
|
|
||||||
description: "Curating the finest wine pairings.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Sarah Chen",
|
|
||||||
role: "Pastry Specialist",
|
|
||||||
description: "Creating artisanal desserts daily.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-clay_23-2148878513.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Meet the Minds Behind CR Dines"
|
title="Meet the Minds Behind CR Dines"
|
||||||
description="Our culinary experts committed to excellence."
|
description="Our culinary experts committed to excellence."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwelve
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "John Doe",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Jane Smith",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-eating-chocolate-muffin-paper-holder_23-2147974666.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Michael Brown",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Lisa Wang",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "David Wilson",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="Guest Experiences"
|
|
||||||
cardTag="Testimonials"
|
|
||||||
cardAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Reserve Your Table"
|
title="Reserve Your Table"
|
||||||
description="Book your table directly with us."
|
description="Please let us know your requirements. Open daily: 11 AM - 10 PM. Phone: (555) 123-4567"
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||||
name: "name",
|
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||||
type: "text",
|
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||||
placeholder: "Your Name",
|
{ name: "date", type: "date", placeholder: "Reservation Date" },
|
||||||
},
|
{ name: "guests", type: "number", placeholder: "Number of Guests" }
|
||||||
{
|
|
||||||
name: "guests",
|
|
||||||
type: "number",
|
|
||||||
placeholder: "Number of Guests",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-s-hand-checking-list-restaurant_23-2147970868.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-s-hand-checking-list-restaurant_23-2147970868.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -315,45 +135,9 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||||
title: "Navigate",
|
{ title: "Details", items: [{ label: "Timings: 11AM-10PM" }, { label: "Contact: (555) 123-4567" }] },
|
||||||
items: [
|
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Home",
|
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Careers",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 CR Dines"
|
bottomLeftText="© 2024 CR Dines"
|
||||||
bottomRightText="123 Dining St, Culinary City"
|
bottomRightText="123 Dining St, Culinary City"
|
||||||
|
|||||||
Reference in New Issue
Block a user