Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| eefa21a42b | |||
| 2783251a4c | |||
| fede3c77c6 | |||
| 05bfab126e | |||
| c805f75121 | |||
| 82758ca276 | |||
| 36e2f28765 | |||
| c953a4cc79 | |||
| 61945650a6 | |||
| a093ec846a |
103
src/app/page.tsx
103
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Menu", id: "products" },
|
||||||
name: "Menu", id: "products"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Reviews", id: "testimonials" },
|
||||||
name: "About", id: "about"},
|
{ name: "FAQ", id: "faq" },
|
||||||
{
|
|
||||||
name: "Reviews", id: "testimonials"},
|
|
||||||
{
|
|
||||||
name: "FAQ", id: "faq"},
|
|
||||||
]}
|
]}
|
||||||
brandName="In-N-Out Burger"
|
brandName="In-N-Out Burger"
|
||||||
/>
|
/>
|
||||||
@@ -46,16 +42,13 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
title="Quality You Can Taste"
|
title="Quality You Can Taste"
|
||||||
description="Experience fresh-to-order, high-quality burgers and shakes, crafted daily for your enjoyment."
|
description="Experience fresh-to-order, high-quality burgers and shakes, crafted daily for your enjoyment."
|
||||||
tag="In-N-Out Burger"
|
tag="In-N-Out Burger"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-8vmwaqdr.jpg?_wi=1", imageAlt: "Fresh Burgers" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-delicious-meat-sandwich-wooden-cutting-board-isolated-ice-surface-with-free-space_179666-42689.jpg", imageAlt: "Double-Double Burger"},
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=1", imageAlt: "Quality Ingredients" }
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/from-chicken-nuggets-with-french-fries-human-hand-fly_176474-2613.jpg", imageAlt: "Fresh Cut Fries"}
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={4.7}
|
rating={4.7}
|
||||||
@@ -68,7 +61,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Freshness in Every Bite"
|
title="Freshness in Every Bite"
|
||||||
description="Known for our open-view kitchens, we prepare everything fresh to order. No freezers, no microwaves, just quality you can taste."
|
description="Known for our open-view kitchens, we prepare everything fresh to order. No freezers, no microwaves, just quality you can taste."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349403.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=2"
|
||||||
imageAlt="Open Kitchen Preparation"
|
imageAlt="Open Kitchen Preparation"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -80,24 +73,8 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", brand: "In-N-Out", name: "Double-Double", price: "Signature", rating: 5, reviewCount: "10k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-8vmwaqdr.jpg?_wi=2" },
|
||||||
id: "p1", brand: "In-N-Out", name: "Double-Double", price: "Signature", rating: 5,
|
{ id: "p2", brand: "In-N-Out", name: "Animal Style Fries", price: "Specialty", rating: 5, reviewCount: "8k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=3" },
|
||||||
reviewCount: "10k+", imageSrc: "http://img.b2bpic.net/free-photo/juicy-double-cheeseburger_23-2151950553.jpg"},
|
|
||||||
{
|
|
||||||
id: "p2", brand: "In-N-Out", name: "Animal Style Fries", price: "Specialty", rating: 5,
|
|
||||||
reviewCount: "8k+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-fries-paper-with-herbs-ketchup_23-2148701492.jpg"},
|
|
||||||
{
|
|
||||||
id: "p3", brand: "In-N-Out", name: "Protein Style", price: "Healthy", rating: 4,
|
|
||||||
reviewCount: "5k+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetarian-burger-plate_23-2148784526.jpg"},
|
|
||||||
{
|
|
||||||
id: "p4", brand: "In-N-Out", name: "Milkshakes", price: "$3.20", rating: 5,
|
|
||||||
reviewCount: "6k+", imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-drink-with-whipped-cream-coffee-blackberry_140725-6930.jpg"},
|
|
||||||
{
|
|
||||||
id: "p5", brand: "In-N-Out", name: "Soft Drinks", price: "$2.30", rating: 4,
|
|
||||||
reviewCount: "4k+", imageSrc: "http://img.b2bpic.net/free-photo/cocktail_23-2148176729.jpg"},
|
|
||||||
{
|
|
||||||
id: "p6", brand: "In-N-Out", name: "Coffee/Hot Cocoa", price: "$1.65", rating: 4,
|
|
||||||
reviewCount: "3k+", imageSrc: "http://img.b2bpic.net/free-photo/sweet-hot-chocolate-cacao-chips_23-2148238779.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Our Fan Favorites"
|
title="Our Fan Favorites"
|
||||||
description="Explore our delicious signature burgers, loaded fries, and refreshing beverages."
|
description="Explore our delicious signature burgers, loaded fries, and refreshing beverages."
|
||||||
@@ -110,18 +87,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", label: "Service", title: "Dine-In & Drive-thru", items: ["Available on-site", "Convenient drive-thru"] },
|
||||||
id: "f1", label: "Service", title: "Dine-In & Drive-thru", items: [
|
|
||||||
"Available on-site", "Convenient drive-thru", "Takeaway"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2", label: "Accessibility", title: "Family Friendly", items: [
|
|
||||||
"Wheelchair accessible", "High chairs included", "Changing tables"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3", label: "Payment", title: "Easy Payments", items: [
|
|
||||||
"Credit & Debit", "Apple/Google Pay", "No reservations"],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Services & Amenities"
|
title="Services & Amenities"
|
||||||
description="We ensure a great experience for families, individuals, and groups."
|
description="We ensure a great experience for families, individuals, and groups."
|
||||||
@@ -134,18 +100,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "4.7 ⭐", title: "Customer Rating", items: ["Based on 34k+ reviews"] },
|
||||||
id: "m1", value: "4.7 ⭐", title: "Customer Rating", items: [
|
|
||||||
"Based on 34k+ reviews"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2", value: "1:00 AM", title: "Closing Time", items: [
|
|
||||||
"Open late for everyone"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3", value: "100%", title: "Fresh Ingredients", items: [
|
|
||||||
"100% Sunflower oil", "100% Beef"],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why We're Loved"
|
title="Why We're Loved"
|
||||||
description="High ratings and commitment to quality keep our guests coming back."
|
description="High ratings and commitment to quality keep our guests coming back."
|
||||||
@@ -158,16 +113,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah J.", role: "Foodie", testimonial: "The best burger I have ever had! Animal style fries are a must.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-8vmwaqdr.jpg?_wi=3" },
|
||||||
id: "t1", name: "Sarah J.", role: "Foodie", testimonial: "The best burger I have ever had! Animal style fries are a must.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427596.jpg"},
|
|
||||||
{
|
|
||||||
id: "t2", name: "Mike D.", role: "Regular", testimonial: "Fast service and always consistent. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/three-young-beautiful-smiling-hipster-female-trendy-summer-same-clothes-sexy-carefree-women-posing-streetpositive-models-having-fun-sunglassesholding-juicy-burger-eating-hamburger_158538-22880.jpg"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Emily R.", role: "Student", testimonial: "Great place to hang out with friends. Love the milkshake options.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-chips-drink-watching-movie-blue-desk_140725-69646.jpg"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "David K.", role: "Tourists", testimonial: "In-N-Out is an icon! The experience lived up to the hype.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-eating-cookie-kitchen_1262-17120.jpg"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Rachel L.", role: "Family", testimonial: "Friendly service, clean restrooms, and very accommodating for my kids.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Fans Say"
|
title="What Our Fans Say"
|
||||||
description="Join thousands of satisfied guests who enjoy our quality burgers daily."
|
description="Join thousands of satisfied guests who enjoy our quality burgers daily."
|
||||||
@@ -178,15 +124,8 @@ export default function LandingPage() {
|
|||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[{ id: "q1", title: "Do you offer delivery?", content: "No, we do not offer delivery at this time." }]}
|
||||||
{
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=4"
|
||||||
id: "q1", title: "Do you offer delivery?", content: "No, we do not offer delivery at this time."},
|
|
||||||
{
|
|
||||||
id: "q2", title: "Do you accept reservations?", content: "We are a casual spot and do not accept reservations."},
|
|
||||||
{
|
|
||||||
id: "q3", title: "Are you accessible?", content: "Yes, our entrances, seating, and restrooms are fully wheelchair accessible."},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg"
|
|
||||||
title="Frequently Asked"
|
title="Frequently Asked"
|
||||||
description="Have questions? We have the answers."
|
description="Have questions? We have the answers."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -198,16 +137,12 @@ export default function LandingPage() {
|
|||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Visit Us Today"
|
title="Visit Us Today"
|
||||||
description="We are open until 1:00 AM! Come by your nearest location."
|
description="We are open until 1:00 AM! Visit us at: 1350 E Katella Ave, Orange, CA 92867"
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961137258-9facjg2c.jpg"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
buttonText="Find Location"
|
buttonText="Find Location"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #fffefe;
|
--background: #ffffff;
|
||||||
--card: #f6f7f4;
|
--card: #f9f9f9;
|
||||||
--foreground: #080908;
|
--foreground: #120006e6;
|
||||||
--primary-cta: #0e3a29;
|
--primary-cta: #e63946;
|
||||||
--primary-cta-text: #fffefe;
|
--primary-cta-text: #fffefe;
|
||||||
--secondary-cta: #e7eecd;
|
--secondary-cta: #f9f9f9;
|
||||||
--secondary-cta-text: #080908;
|
--secondary-cta-text: #080908;
|
||||||
--accent: #35c18b;
|
--accent: #e2e2e2;
|
||||||
--background-accent: #ecebe4;
|
--background-accent: #c4c4c4;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user