Merge version_1 into main #3
653
src/app/page.tsx
653
src/app/page.tsx
@@ -15,283 +15,410 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
const assetMap = [
|
||||
{"id":"logo","url":"http://img.b2bpic.net/free-vector/national-peanut-butter-day-banner-design_1308-124720.jpg","alt":"holy sandwich logo branding"},
|
||||
{"id":"hero-video-1","url":"http://img.b2bpic.net/free-photo/top-view-dirty-plate-with-food-leftovers_23-2148666819.jpg","alt":"slow motion crispy fries breaking"},
|
||||
{"id":"hero-video-2","url":"http://img.b2bpic.net/free-photo/arrangement-delicious-hamburgers-with-copy-space_23-2148614105.jpg","alt":"fresh sandwich assembly slow motion"},
|
||||
{"id":"hero-video-3","url":"http://img.b2bpic.net/free-photo/cook-whisking-eggs-bowl_23-2148485363.jpg","alt":"melted cheese pull slow motion"},
|
||||
{"id":"hero-video-4","url":"http://img.b2bpic.net/free-photo/pouring-thick-caramel-sauce-into-dark-bowl_84443-83654.jpg","alt":"house made sauce pouring slow motion"},
|
||||
{"id":"hero-video-5","url":"http://img.b2bpic.net/free-photo/medium-shot-friends-hanging-out_23-2149061597.jpg","alt":"customers enjoying meals slow motion"},
|
||||
{"id":"hero-video-6","url":"http://img.b2bpic.net/free-photo/vegetables-near-cabbage_23-2147778375.jpg","alt":"stack of fresh ingredients slow motion"},
|
||||
{"id":"why-holy-sandwich","url":"http://img.b2bpic.net/free-photo/woman-cooking-pizza-kitchen_158595-2121.jpg","alt":"artisan sandwich shop interior warm"},
|
||||
{"id":"signature-experience","url":"http://img.b2bpic.net/free-photo/delicious-sandwiches-plate_23-2148454785.jpg","alt":"stacked gourmet sandwiches photography"},
|
||||
{"id":"product-holy-classic","url":"http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14219.jpg","alt":"holy classic sandwich premium meat"},
|
||||
{"id":"product-rusalka","url":"http://img.b2bpic.net/free-photo/open-sandwich-with-young-herring-herbs-pickled-cucumber-close-up-selective-focus-traditional-danish-smorrebrod-sandwiches-with-matias-herring-arranged-wooden-background_166373-2002.jpg","alt":"spicy rusalka sandwich bold flavors"},
|
||||
{"id":"product-midye-tava","url":"http://img.b2bpic.net/free-photo/chicken-nuggets-with-onion-sticks-fast-food-with-green-salad_114579-1925.jpg","alt":"crispy midye tava golden fried seafood"},
|
||||
{"id":"product-holy-fries","url":"http://img.b2bpic.net/free-photo/french-fries-with-ketchup-mayonnaise_140725-9520.jpg","alt":"holy fries side dish golden crispy"},
|
||||
{"id":"product-chicken-club","url":"http://img.b2bpic.net/free-photo/turkey-sandwich-with-cranberry-sauce-thanksgiving-wooden-table_123827-35040.jpg","alt":"gourmet chicken club sandwich"},
|
||||
{"id":"product-veggie-delight","url":"http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg","alt":"fresh veggie delight sandwich"},
|
||||
{"id":"story-background","url":"http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976586.jpg","alt":"warm cinematic kitchen background"},
|
||||
{"id":"avatar-1","url":"http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg","alt":"happy female customer portrait"},
|
||||
{"id":"avatar-2","url":"http://img.b2bpic.net/free-photo/medium-shot-smiley-man-ready-eat_23-2148899024.jpg","alt":"smiling male customer portrait"},
|
||||
{"id":"avatar-3","url":"http://img.b2bpic.net/free-photo/successful-businesswoman-posing-outdoors_1262-16431.jpg","alt":"diverse woman food critic"},
|
||||
{"id":"avatar-4","url":"http://img.b2bpic.net/free-photo/buyer-enjoying-rich-lemon-smell_482257-102515.jpg","alt":"man enjoying food portrait"},
|
||||
{"id":"avatar-5","url":"http://img.b2bpic.net/free-photo/close-up-portrait-brunette-girl-with-short-haircut-smiling-looking-happy-posing-white_1258-190607.jpg","alt":"woman smiling professional photo"},
|
||||
{"id":"instagram-food-1","url":"http://img.b2bpic.net/free-photo/high-angle-three-wrapped-salad-sandwiches_23-2148640194.jpg","alt":"gourmet burger close up vibrant"},
|
||||
{"id":"instagram-food-2","url":"http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg","alt":"crispy fries side dish aesthetic"},
|
||||
{"id":"instagram-food-3","url":"http://img.b2bpic.net/free-photo/man-eats-sandwich-served-with-salad_140725-8148.jpg","alt":"melted cheese pull sandwich photo"},
|
||||
{"id":"instagram-food-4","url":"http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-grilled-chicken-breast_2829-13690.jpg","alt":"fresh salad with grilled chicken"},
|
||||
{"id":"instagram-food-5","url":"http://img.b2bpic.net/free-photo/crop-hands-woman-cooking-tasty-salad-kitchen_23-2147810076.jpg","alt":"chef hands preparing sandwich"},
|
||||
{"id":"instagram-food-6","url":"http://img.b2bpic.net/free-photo/flat-lay-table-full-delicious-food-arrangement_23-2149141374.jpg","alt":"full table of diverse food dishes"}
|
||||
];
|
||||
|
||||
const getAssetUrl = (assetId) => {
|
||||
const asset = assetMap.find(a => a.id === assetId.replace('asset://', ''));
|
||||
return asset ? asset.url : assetId;
|
||||
};
|
||||
|
||||
const getAssetAlt = (assetId) => {
|
||||
const asset = assetMap.find(a => a.id === assetId.replace('asset://', ''));
|
||||
return asset ? asset.alt : '';
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/national-peanut-butter-day-banner-design_1308-124720.jpg"
|
||||
brandName="Holy Sandwich"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"
|
||||
},
|
||||
{
|
||||
name: "Menu", id: "menu"
|
||||
},
|
||||
{
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Reviews", id: "reviews"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
logoSrc={getAssetUrl("asset://logo")}
|
||||
brandName="Holy Sandwich"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="American Soul. Between Two Slices."
|
||||
description="Premium sandwiches, legendary sauces, perfectly crisp sides, and ingredients chosen without compromise. Fresh. Filling. Unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Online", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-carousel-1", videoSrc: "http://img.b2bpic.net/free-photo/top-view-dirty-plate-with-food-leftovers_23-2148666819.jpg", videoAriaLabel: "Crispy fries breaking apart", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dirty-plate-with-food-leftovers_23-2148666819.jpg", imageAlt: "slow motion crispy fries breaking"},
|
||||
{
|
||||
id: "hero-carousel-2", videoSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-hamburgers-with-copy-space_23-2148614105.jpg", videoAriaLabel: "Fresh sandwiches being assembled", imageSrc: "http://img.b2bpic.net/free-vector/national-peanut-butter-day-banner-design_1308-124720.jpg", imageAlt: "slow motion crispy fries breaking"},
|
||||
{
|
||||
id: "hero-carousel-3", videoSrc: "http://img.b2bpic.net/free-photo/cook-whisking-eggs-bowl_23-2148485363.jpg", videoAriaLabel: "Melted cheese pulls", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-hamburgers-with-copy-space_23-2148614105.jpg", imageAlt: "slow motion crispy fries breaking"},
|
||||
{
|
||||
id: "hero-carousel-4", videoSrc: "http://img.b2bpic.net/free-photo/pouring-thick-caramel-sauce-into-dark-bowl_84443-83654.jpg", videoAriaLabel: "House sauces being poured", imageSrc: "http://img.b2bpic.net/free-photo/cook-whisking-eggs-bowl_23-2148485363.jpg", imageAlt: "slow motion crispy fries breaking"},
|
||||
{
|
||||
id: "hero-carousel-5", videoSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-hanging-out_23-2149061597.jpg", videoAriaLabel: "Customers enjoying meals", imageSrc: "http://img.b2bpic.net/free-photo/pouring-thick-caramel-sauce-into-dark-bowl_84443-83654.jpg", imageAlt: "slow motion crispy fries breaking"},
|
||||
{
|
||||
id: "hero-carousel-6", videoSrc: "http://img.b2bpic.net/free-photo/vegetables-near-cabbage_23-2147778375.jpg", videoAriaLabel: "Stack of fresh ingredients", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-hanging-out_23-2149061597.jpg", imageAlt: "slow motion crispy fries breaking"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain"
|
||||
}}
|
||||
title="American Soul. Between Two Slices."
|
||||
description="Premium sandwiches, legendary sauces, perfectly crisp sides, and ingredients chosen without compromise. Fresh. Filling. Unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"
|
||||
},
|
||||
{
|
||||
text: "Order Online", href: "#contact"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-carousel-1", videoSrc: getAssetUrl("asset://hero-video-1"),
|
||||
videoAriaLabel: "Crispy fries breaking apart", imageSrc: getAssetUrl("asset://hero-video-1"),
|
||||
imageAlt: getAssetAlt("asset://hero-video-1")
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-2", videoSrc: getAssetUrl("asset://hero-video-2"),
|
||||
videoAriaLabel: "Fresh sandwiches being assembled", imageSrc: getAssetUrl("asset://logo"),
|
||||
imageAlt: getAssetAlt("asset://hero-video-2")
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-3", videoSrc: getAssetUrl("asset://hero-video-3"),
|
||||
videoAriaLabel: "Melted cheese pulls", imageSrc: getAssetUrl("asset://hero-video-2"),
|
||||
imageAlt: getAssetAlt("asset://hero-video-3")
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-4", videoSrc: getAssetUrl("asset://hero-video-4"),
|
||||
videoAriaLabel: "House sauces being poured", imageSrc: getAssetUrl("asset://hero-video-3"),
|
||||
imageAlt: getAssetAlt("asset://hero-video-4")
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-5", videoSrc: getAssetUrl("asset://hero-video-5"),
|
||||
videoAriaLabel: "Customers enjoying meals", imageSrc: getAssetUrl("asset://hero-video-4"),
|
||||
imageAlt: getAssetAlt("asset://hero-video-5")
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-6", videoSrc: getAssetUrl("asset://hero-video-6"),
|
||||
videoAriaLabel: "Stack of fresh ingredients", imageSrc: getAssetUrl("asset://hero-video-5"),
|
||||
imageAlt: getAssetAlt("asset://hero-video-6")
|
||||
}
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Not Just Sandwiches. An Obsession With Flavor."
|
||||
description="The details matter. Every sandwich starts with fresh ingredients and finishes with the kind of craftsmanship that keeps people coming back. From our hot sandwiches packed with flavor to our cold classics layered with premium ingredients, every bite is built to satisfy."
|
||||
metrics={[
|
||||
{
|
||||
value: "★★★★★", title: "Loved by hundreds of guests"},
|
||||
{
|
||||
value: "4+", title: "Years serving fresh taste"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-cooking-pizza-kitchen_158595-2121.jpg"
|
||||
imageAlt="Chef preparing a gourmet sandwich"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Not Just Sandwiches. An Obsession With Flavor."
|
||||
description="The details matter. Every sandwich starts with fresh ingredients and finishes with the kind of craftsmanship that keeps people coming back. From our hot sandwiches packed with flavor to our cold classics layered with premium ingredients, every bite is built to satisfy."
|
||||
metrics={[
|
||||
{
|
||||
value: "★★★★★", title: "Loved by hundreds of guests"
|
||||
},
|
||||
{
|
||||
value: "4+", title: "Years serving fresh taste"
|
||||
}
|
||||
]}
|
||||
imageSrc={getAssetUrl("asset://why-holy-sandwich")}
|
||||
imageAlt={getAssetAlt("asset://why-holy-sandwich")}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1", title: "Fresh Daily", subtitle: "Premium ingredients selected and prepared fresh.", category: "Quality", value: "Top Tier"},
|
||||
{
|
||||
id: "feature-2", title: "House-Made Sauces", subtitle: "Bold flavors you won't find anywhere else.", category: "Flavor", value: "Unique"},
|
||||
{
|
||||
id: "feature-3", title: "Famous Crispness", subtitle: "Fries and fried specialties that stay crispy until the last bite.", category: "Texture", value: "Perfect"},
|
||||
{
|
||||
id: "feature-4", title: "Seriously Filling", subtitle: "Portions designed to leave you satisfied.", category: "Satisfaction", value: "Generous"},
|
||||
]}
|
||||
title="Why Holy Sandwich"
|
||||
description="The details matter. Every sandwich is a culinary masterpiece."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1", title: "Fresh Daily", subtitle: "Premium ingredients selected and prepared fresh.", category: "Quality", value: "Top Tier"
|
||||
},
|
||||
{
|
||||
id: "feature-2", title: "House-Made Sauces", subtitle: "Bold flavors you won't find anywhere else.", category: "Flavor", value: "Unique"
|
||||
},
|
||||
{
|
||||
id: "feature-3", title: "Famous Crispness", subtitle: "Fries and fried specialties that stay crispy until the last bite.", category: "Texture", value: "Perfect"
|
||||
},
|
||||
{
|
||||
id: "feature-4", title: "Seriously Filling", subtitle: "Portions designed to leave you satisfied.", category: "Satisfaction", value: "Generous"
|
||||
}
|
||||
]}
|
||||
title="Why Holy Sandwich"
|
||||
description="The details matter. Every sandwich is a culinary masterpiece."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="signature-experience" data-section="signature-experience">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "Sandwiches packed with flavor", content: "Each sandwich is carefully crafted to deliver an explosion of taste in every bite."},
|
||||
{
|
||||
id: "faq-2", title: "Perfectly crispy fries", content: "Our fries are fried to golden perfection, ensuring they stay crispy from first bite to last."},
|
||||
{
|
||||
id: "faq-3", title: "Fresh ingredients", content: "We source the freshest ingredients daily to guarantee quality and taste in every meal."},
|
||||
{
|
||||
id: "faq-4", title: "Fast and reliable delivery", content: "Enjoy your favorite Holy Sandwich meals delivered quickly and reliably to your door."},
|
||||
{
|
||||
id: "faq-5", title: "Warm atmosphere", content: "Our shop offers a welcoming and cozy atmosphere for a delightful dining experience."},
|
||||
{
|
||||
id: "faq-6", title: "Consistent quality", content: "We pride ourselves on delivering consistent quality in every dish, every time."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-sandwiches-plate_23-2148454785.jpg"
|
||||
imageAlt="Stacked food photography of sandwiches and fries"
|
||||
mediaAnimation="slide-up"
|
||||
title="What Customers Keep Talking About"
|
||||
description="\"Food should arrive as if it just left the kitchen.\" That's our standard."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="signature-experience" data-section="signature-experience">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "Sandwiches packed with flavor", content: "Each sandwich is carefully crafted to deliver an explosion of taste in every bite."
|
||||
},
|
||||
{
|
||||
id: "faq-2", title: "Perfectly crispy fries", content: "Our fries are fried to golden perfection, ensuring they stay crispy from first bite to last."
|
||||
},
|
||||
{
|
||||
id: "faq-3", title: "Fresh ingredients", content: "We source the freshest ingredients daily to guarantee quality and taste in every meal."
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "Fast and reliable delivery", content: "Enjoy your favorite Holy Sandwich meals delivered quickly and reliably to your door."
|
||||
},
|
||||
{
|
||||
id: "faq-5", title: "Warm atmosphere", content: "Our shop offers a welcoming and cozy atmosphere for a delightful dining experience."
|
||||
},
|
||||
{
|
||||
id: "faq-6", title: "Consistent quality", content: "We pride ourselves on delivering consistent quality in every dish, every time."
|
||||
}
|
||||
]}
|
||||
imageSrc={getAssetUrl("asset://signature-experience")}
|
||||
imageAlt={getAssetAlt("asset://signature-experience")}
|
||||
mediaAnimation="slide-up"
|
||||
title="What Customers Keep Talking About"
|
||||
description="\"Food should arrive as if it just left the kitchen.\" That's our standard."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1", brand: "Holy Sandwich", name: "The Holy Classic", price: "$12.99", rating: 5,
|
||||
reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14219.jpg", imageAlt: "The Holy Classic sandwich"},
|
||||
{
|
||||
id: "product-2", brand: "Holy Sandwich", name: "Rusalka", price: "$14.50", rating: 5,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/open-sandwich-with-young-herring-herbs-pickled-cucumber-close-up-selective-focus-traditional-danish-smorrebrod-sandwiches-with-matias-herring-arranged-wooden-background_166373-2002.jpg", imageAlt: "Rusalka sandwich"},
|
||||
{
|
||||
id: "product-3", brand: "Holy Sandwich", name: "Crispy Midye Tava", price: "$8.75", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-onion-sticks-fast-food-with-green-salad_114579-1925.jpg", imageAlt: "Crispy Midye Tava"},
|
||||
{
|
||||
id: "product-4", brand: "Holy Sandwich", name: "Holy Fries", price: "$4.99", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup-mayonnaise_140725-9520.jpg", imageAlt: "Holy Fries"},
|
||||
{
|
||||
id: "product-5", brand: "Holy Sandwich", name: "Chicken Club", price: "$13.50", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/turkey-sandwich-with-cranberry-sauce-thanksgiving-wooden-table_123827-35040.jpg", imageAlt: "Gourmet Chicken Club Sandwich"},
|
||||
{
|
||||
id: "product-6", brand: "Holy Sandwich", name: "Veggie Delight", price: "$11.99", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg", imageAlt: "Fresh Veggie Delight Sandwich"},
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Our most beloved sandwiches and sides, crafted to perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1", brand: "Holy Sandwich", name: "The Holy Classic", price: "$12.99", rating: 5,
|
||||
reviewCount: "245", imageSrc: getAssetUrl("asset://product-holy-classic"),
|
||||
imageAlt: getAssetAlt("asset://product-holy-classic")
|
||||
},
|
||||
{
|
||||
id: "product-2", brand: "Holy Sandwich", name: "Rusalka", price: "$14.50", rating: 5,
|
||||
reviewCount: "180", imageSrc: getAssetUrl("asset://product-rusalka"),
|
||||
imageAlt: getAssetAlt("asset://product-rusalka")
|
||||
},
|
||||
{
|
||||
id: "product-3", brand: "Holy Sandwich", name: "Crispy Midye Tava", price: "$8.75", rating: 5,
|
||||
reviewCount: "120", imageSrc: getAssetUrl("asset://product-midye-tava"),
|
||||
imageAlt: getAssetAlt("asset://product-midye-tava")
|
||||
},
|
||||
{
|
||||
id: "product-4", brand: "Holy Sandwich", name: "Holy Fries", price: "$4.99", rating: 5,
|
||||
reviewCount: "300", imageSrc: getAssetUrl("asset://product-holy-fries"),
|
||||
imageAlt: getAssetAlt("asset://product-holy-fries")
|
||||
},
|
||||
{
|
||||
id: "product-5", brand: "Holy Sandwich", name: "Chicken Club", price: "$13.50", rating: 5,
|
||||
reviewCount: "150", imageSrc: getAssetUrl("asset://product-chicken-club"),
|
||||
imageAlt: getAssetAlt("asset://product-chicken-club")
|
||||
},
|
||||
{
|
||||
id: "product-6", brand: "Holy Sandwich", name: "Veggie Delight", price: "$11.99", rating: 5,
|
||||
reviewCount: "90", imageSrc: getAssetUrl("asset://product-veggie-delight"),
|
||||
imageAlt: getAssetAlt("asset://product-veggie-delight")
|
||||
}
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Our most beloved sandwiches and sides, crafted to perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Holy Sandwich consistently delivers fresh, delicious meals that satisfy every time. The fries stayed crispy even after sitting on the table, which is a true testament to their quality. One of the most satisfying sandwich experiences around!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Sarah Johnson avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-ready-eat_23-2148899024.jpg", alt: "Michael Chen avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-posing-outdoors_1262-16431.jpg", alt: "Emily Rodriguez avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/buyer-enjoying-rich-lemon-smell_482257-102515.jpg", alt: "David Kim avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-brunette-girl-with-short-haircut-smiling-looking-happy-posing-white_1258-190607.jpg", alt: "Jessica Lee avatar"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Holy Sandwich consistently delivers fresh, delicious meals that satisfy every time. The fries stayed crispy even after sitting on the table, which is a true testament to their quality. One of the most satisfying sandwich experiences around!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: getAssetUrl("asset://avatar-1"),
|
||||
alt: getAssetAlt("asset://avatar-1")
|
||||
},
|
||||
{
|
||||
src: getAssetUrl("asset://avatar-2"),
|
||||
alt: getAssetAlt("asset://avatar-2")
|
||||
},
|
||||
{
|
||||
src: getAssetUrl("asset://avatar-3"),
|
||||
alt: getAssetAlt("asset://avatar-3")
|
||||
},
|
||||
{
|
||||
src: getAssetUrl("asset://avatar-4"),
|
||||
alt: getAssetAlt("asset://avatar-4")
|
||||
},
|
||||
{
|
||||
src: getAssetUrl("asset://avatar-5"),
|
||||
alt: getAssetAlt("asset://avatar-5")
|
||||
}
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="instagram" data-section="instagram">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Follow The Flavor"
|
||||
description="@holysandwich"
|
||||
blogs={[
|
||||
{
|
||||
id: "ig-1", category: "Sandwiches", title: "Our Signature Creations", excerpt: "Dive into the world of Holy Sandwich's most popular sandwiches.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-three-wrapped-salad-sandwiches_23-2148640194.jpg", imageAlt: "gourmet burger close up vibrant"},
|
||||
{
|
||||
id: "ig-2", category: "Sides", title: "Crispy Perfection", excerpt: "The side dishes that complement your perfect sandwich.", imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg", imageAlt: "Crispy fries side dish"},
|
||||
{
|
||||
id: "ig-3", category: "Taste", title: "The Melted Magic", excerpt: "Experience the legendary cheese pull on our hot sandwiches.", imageSrc: "http://img.b2bpic.net/free-photo/man-eats-sandwich-served-with-salad_140725-8148.jpg", imageAlt: "Melted cheese pull sandwich"},
|
||||
{
|
||||
id: "ig-4", category: "Fresh", title: "Garden Goodness", excerpt: "Fresh, vibrant ingredients make every bite a delight.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-grilled-chicken-breast_2829-13690.jpg", imageAlt: "Fresh salad with grilled chicken"},
|
||||
{
|
||||
id: "ig-5", category: "Craftsmanship", title: "Behind the Scenes", excerpt: "Witness the art and dedication in every Holy Sandwich creation.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-woman-cooking-tasty-salad-kitchen_23-2147810076.jpg", imageAlt: "Chef hands preparing sandwich"},
|
||||
{
|
||||
id: "ig-6", category: "Experience", title: "Gather & Feast", excerpt: "Share the Holy Sandwich experience with friends and family.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-table-full-delicious-food-arrangement_23-2149141374.jpg", imageAlt: "Full table of diverse food dishes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="instagram" data-section="instagram">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Follow The Flavor"
|
||||
description="@holysandwich"
|
||||
blogs={[
|
||||
{
|
||||
id: "ig-1", category: "Sandwiches", title: "Our Signature Creations", excerpt: "Dive into the world of Holy Sandwich's most popular sandwiches.", imageSrc: getAssetUrl("asset://instagram-food-1"),
|
||||
imageAlt: getAssetAlt("asset://instagram-food-1")
|
||||
},
|
||||
{
|
||||
id: "ig-2", category: "Sides", title: "Crispy Perfection", excerpt: "The side dishes that complement your perfect sandwich.", imageSrc: getAssetUrl("asset://instagram-food-2"),
|
||||
imageAlt: getAssetAlt("asset://instagram-food-2")
|
||||
},
|
||||
{
|
||||
id: "ig-3", category: "Taste", title: "The Melted Magic", excerpt: "Experience the legendary cheese pull on our hot sandwiches.", imageSrc: getAssetUrl("asset://instagram-food-3"),
|
||||
imageAlt: getAssetAlt("asset://instagram-food-3")
|
||||
},
|
||||
{
|
||||
id: "ig-4", category: "Fresh", title: "Garden Goodness", excerpt: "Fresh, vibrant ingredients make every bite a delight.", imageSrc: getAssetUrl("asset://instagram-food-4"),
|
||||
imageAlt: getAssetAlt("asset://instagram-food-4")
|
||||
},
|
||||
{
|
||||
id: "ig-5", category: "Craftsmanship", title: "Behind the Scenes", excerpt: "Witness the art and dedication in every Holy Sandwich creation.", imageSrc: getAssetUrl("asset://instagram-food-5"),
|
||||
imageAlt: getAssetAlt("asset://instagram-food-5")
|
||||
},
|
||||
{
|
||||
id: "ig-6", category: "Experience", title: "Gather & Feast", excerpt: "Share the Holy Sandwich experience with friends and family.", imageSrc: getAssetUrl("asset://instagram-food-6"),
|
||||
imageAlt: getAssetAlt("asset://instagram-food-6")
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976586.jpg", imageAlt: "Warm cinematic photography of a kitchen"}}
|
||||
tag="Our Roots"
|
||||
title="Built Around One Simple Idea"
|
||||
description="Quality should never be average. Holy Sandwich was created to bring authentic American sandwich culture to people who expect more from every meal. Fresh ingredients. Generous portions. Perfect execution. No shortcuts."
|
||||
/>
|
||||
</div>
|
||||
<div id="story" data-section="story">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain", imageSrc: getAssetUrl("asset://story-background"),
|
||||
imageAlt: getAssetAlt("asset://story-background")
|
||||
}}
|
||||
tag="Our Roots"
|
||||
title="Built Around One Simple Idea"
|
||||
description="Quality should never be average. Holy Sandwich was created to bring authentic American sandwich culture to people who expect more from every meal. Fresh ingredients. Generous portions. Perfect execution. No shortcuts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Satisfied Customers", "Happy Foodies", "Local Favorites"]}
|
||||
title="Ready For Your Next Favorite Sandwich?"
|
||||
description="Experience premium American-style sandwiches made fresh every day. Whether you're dining in, taking away, or ordering from home, every order is prepared with the same attention to detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online", href: "#menu"},
|
||||
{
|
||||
text: "Visit Holy Sandwich", href: "#"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Satisfied Customers", "Happy Foodies", "Local Favorites"
|
||||
]}
|
||||
title="Ready For Your Next Favorite Sandwich?"
|
||||
description="Experience premium American-style sandwiches made fresh every day. Whether you're dining in, taking away, or ordering from home, every order is prepared with the same attention to detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online", href: "#menu"
|
||||
},
|
||||
{
|
||||
text: "Visit Holy Sandwich", href: "#"
|
||||
}
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Holy Sandwich"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567"},
|
||||
{
|
||||
label: "Address: 123 Main St, Anytown USA", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/holysandwich"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Holy Sandwich. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Holy Sandwich"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"
|
||||
},
|
||||
{
|
||||
label: "Menu", href: "#menu"
|
||||
},
|
||||
{
|
||||
label: "About", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567"
|
||||
},
|
||||
{
|
||||
label: "Address: 123 Main St, Anytown USA", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/holysandwich"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2026 Holy Sandwich. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user