Update src/app/page.tsx
This commit is contained in:
331
src/app/page.tsx
331
src/app/page.tsx
@@ -31,80 +31,47 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Flavours",
|
||||
id: "/menu",
|
||||
},
|
||||
name: "Flavours", id: "/menu"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/illustration-skeleton-skate-board_1284-51436.jpg"
|
||||
logoAlt="Rock Star Ice Creams logo"
|
||||
brandName="Rock Star Ice Creams"
|
||||
button={{
|
||||
text: "Visit Us Today",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Visit Us Today", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="THE ICE CREAM SHOP THAT ROCKS"
|
||||
description="From creamy classics to unforgettable vegan creations, every scoop is handcrafted to turn ordinary days into legendary memories."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Flavours",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "Explore Flavours", href: "/menu"},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Visit Us Today", href: "/contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-yogurt-parfait-decorated-with-cooki-crumbs-chocolate-chips-glass_140725-10135.jpg",
|
||||
imageAlt: "Family enjoying ice cream",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-yogurt-parfait-decorated-with-cooki-crumbs-chocolate-chips-glass_140725-10135.jpg", imageAlt: "Family enjoying ice cream"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-woman-with-ring-eating-ice-cream-selective-focus-woman-enjoying-tasty-dessert_197531-14515.jpg",
|
||||
imageAlt: "Kids eating sundaes",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-woman-with-ring-eating-ice-cream-selective-focus-woman-enjoying-tasty-dessert_197531-14515.jpg", imageAlt: "Kids eating sundaes"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-macarons-close-up_1401-319.jpg",
|
||||
imageAlt: "Ice cream being scooped",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/colorful-macarons-close-up_1401-319.jpg", imageAlt: "Ice cream being scooped"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-tasty-ice-cream_23-2150232358.jpg",
|
||||
imageAlt: "Colorful ice cream sundaes",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-tasty-ice-cream_23-2150232358.jpg", imageAlt: "Colorful ice cream sundaes"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sharing-birthday-cake_1098-15518.jpg",
|
||||
imageAlt: "Smiling customers at counter",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/sharing-birthday-cake_1098-15518.jpg", imageAlt: "Smiling customers at counter"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637161.jpg",
|
||||
imageAlt: "Vegan ice cream being prepared",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637161.jpg", imageAlt: "Vegan ice cream being prepared"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -116,14 +83,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"★★★★★ 4.9 Customer Rating",
|
||||
"Thousands of Smiles Served",
|
||||
"Premium Ingredients",
|
||||
"Vegan-Friendly Options",
|
||||
"Generous Portions",
|
||||
"Award-Winning Flavours",
|
||||
"Local Favourite",
|
||||
]}
|
||||
"★★★★★ 4.9 Customer Rating", "Thousands of Smiles Served", "Premium Ingredients", "Vegan-Friendly Options", "Generous Portions", "Award-Winning Flavours", "Local Favourite"]}
|
||||
title="Our Rock Star Status"
|
||||
description="Don't just take our word for it—our customers rave about the experience!"
|
||||
/>
|
||||
@@ -137,73 +97,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "flavour-pretzel",
|
||||
brand: "Signature",
|
||||
name: "Sweet & Salty Pretzel",
|
||||
price: "From $5.99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-meringue-muffins-with-black-dry-grapes-table_114579-22152.jpg",
|
||||
imageAlt: "Sweet & Salty Pretzel ice cream",
|
||||
},
|
||||
id: "flavour-pretzel", brand: "Signature", name: "Sweet & Salty Pretzel", price: "From $5.99", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-meringue-muffins-with-black-dry-grapes-table_114579-22152.jpg", imageAlt: "Sweet & Salty Pretzel ice cream"},
|
||||
{
|
||||
id: "flavour-bears-claw",
|
||||
brand: "Indulgent",
|
||||
name: "Bear's Claw",
|
||||
price: "From $6.49",
|
||||
rating: 4.9,
|
||||
reviewCount: "185",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tasty-gelato-scoops_23-2148425334.jpg",
|
||||
imageAlt: "Bear's Claw ice cream",
|
||||
},
|
||||
id: "flavour-bears-claw", brand: "Indulgent", name: "Bear's Claw", price: "From $6.49", rating: 4.9,
|
||||
reviewCount: "185", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tasty-gelato-scoops_23-2148425334.jpg", imageAlt: "Bear's Claw ice cream"},
|
||||
{
|
||||
id: "flavour-grammys",
|
||||
brand: "Classic",
|
||||
name: "Grammy's Cupboard",
|
||||
price: "From $5.79",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cookie-dough-ice-cream-with-chocolate-chips_23-2151988802.jpg",
|
||||
imageAlt: "Grammy's Cupboard ice cream",
|
||||
},
|
||||
id: "flavour-grammys", brand: "Classic", name: "Grammy's Cupboard", price: "From $5.79", rating: 5,
|
||||
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cookie-dough-ice-cream-with-chocolate-chips_23-2151988802.jpg", imageAlt: "Grammy's Cupboard ice cream"},
|
||||
{
|
||||
id: "flavour-sherbets",
|
||||
brand: "Refreshing",
|
||||
name: "Fresh Fruit Sherbets",
|
||||
price: "From $5.50",
|
||||
rating: 4.8,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-berries-cherry-appetizing-persimmons-around-bowl-berries_140725-72025.jpg",
|
||||
imageAlt: "Fresh Fruit Sherbets",
|
||||
},
|
||||
id: "flavour-sherbets", brand: "Refreshing", name: "Fresh Fruit Sherbets", price: "From $5.50", rating: 4.8,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-berries-cherry-appetizing-persimmons-around-bowl-berries_140725-72025.jpg", imageAlt: "Fresh Fruit Sherbets"},
|
||||
{
|
||||
id: "flavour-vegan",
|
||||
brand: "Dairy-Free",
|
||||
name: "Vegan Collection",
|
||||
price: "From $6.99",
|
||||
rating: 4.9,
|
||||
reviewCount: "190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-nougat-with-nuts_23-2148431186.jpg",
|
||||
imageAlt: "Vegan ice cream",
|
||||
},
|
||||
id: "flavour-vegan", brand: "Dairy-Free", name: "Vegan Collection", price: "From $6.99", rating: 4.9,
|
||||
reviewCount: "190", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-nougat-with-nuts_23-2148431186.jpg", imageAlt: "Vegan ice cream"},
|
||||
{
|
||||
id: "treat-affogato",
|
||||
brand: "Coffee",
|
||||
name: "Affogato & Espresso",
|
||||
price: "From $4.99",
|
||||
rating: 4.7,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-ice-cream-glass_23-2147985635.jpg",
|
||||
imageAlt: "Affogato with espresso",
|
||||
},
|
||||
id: "treat-affogato", brand: "Coffee", name: "Affogato & Espresso", price: "From $4.99", rating: 4.7,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/tasty-ice-cream-glass_23-2147985635.jpg", imageAlt: "Affogato with espresso"},
|
||||
]}
|
||||
title="Featured Flavours & Treats"
|
||||
description="Discover our handcrafted creations, from creamy classics to refreshing vegan delights and perfect coffee pairings."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Flavours",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "View All Flavours", href: "/menu"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -215,40 +131,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-portions",
|
||||
value: "🎸",
|
||||
title: "Portions Worth Applauding",
|
||||
items: [
|
||||
"Nobody leaves hungry.",
|
||||
"Every serving is generous and satisfying.",
|
||||
],
|
||||
id: "metric-portions", value: "🎸", title: "Portions Worth Applauding", items: [
|
||||
"Nobody leaves hungry.", "Every serving is generous and satisfying."],
|
||||
},
|
||||
{
|
||||
id: "metric-variety",
|
||||
value: "🍦",
|
||||
title: "Something For Everyone",
|
||||
items: [
|
||||
"Traditional favourites, adventurous flavours.",
|
||||
"Vegan delights, sundaes, coffee & more.",
|
||||
],
|
||||
id: "metric-variety", value: "🍦", title: "Something For Everyone", items: [
|
||||
"Traditional favourites, adventurous flavours.", "Vegan delights, sundaes, coffee & more."],
|
||||
},
|
||||
{
|
||||
id: "metric-service",
|
||||
value: "❤️",
|
||||
title: "Service With Heart",
|
||||
items: [
|
||||
"Every guest is welcomed like family.",
|
||||
"Smiling owner who genuinely loves people.",
|
||||
],
|
||||
id: "metric-service", value: "❤️", title: "Service With Heart", items: [
|
||||
"Every guest is welcomed like family.", "Smiling owner who genuinely loves people."],
|
||||
},
|
||||
{
|
||||
id: "metric-quality",
|
||||
value: "✨",
|
||||
title: "Premium Quality",
|
||||
items: [
|
||||
"Fresh ingredients, artisan craftsmanship.",
|
||||
"Unforgettable flavour combinations.",
|
||||
],
|
||||
id: "metric-quality", value: "✨", title: "Premium Quality", items: [
|
||||
"Fresh ingredients, artisan craftsmanship.", "Unforgettable flavour combinations."],
|
||||
},
|
||||
]}
|
||||
title="Why Customers Love Us"
|
||||
@@ -265,53 +161,23 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jorge & Cecil Perez",
|
||||
role: "Local Foodies",
|
||||
company: "Community Supporter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-688.jpg",
|
||||
},
|
||||
id: "1", name: "Jorge & Cecil Perez", role: "Local Foodies", company: "Community Supporter", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-688.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jennifer H.",
|
||||
role: "Vegan Advocate",
|
||||
company: "Dairy-Free Diner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-ice-creams_23-2149426775.jpg",
|
||||
},
|
||||
id: "2", name: "Jennifer H.", role: "Vegan Advocate", company: "Dairy-Free Diner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-ice-creams_23-2149426775.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Richie",
|
||||
role: "Dessert Enthusiast",
|
||||
company: "Sweet Tooth Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-shot-happy-cute-young-woman-sofa-eating-bowl-cereals-with-milk-smiling_1258-203994.jpg",
|
||||
},
|
||||
id: "3", name: "Richie", role: "Dessert Enthusiast", company: "Sweet Tooth Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-shot-happy-cute-young-woman-sofa-eating-bowl-cereals-with-milk-smiling_1258-203994.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vailankanni Joseph",
|
||||
role: "Satisfied Customer",
|
||||
company: "Happy Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-relaxing-office-repair-shop_637285-11573.jpg",
|
||||
},
|
||||
id: "4", name: "Vailankanni Joseph", role: "Satisfied Customer", company: "Happy Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-relaxing-office-repair-shop_637285-11573.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah T.",
|
||||
role: "Family Mom",
|
||||
company: "Local Parent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-having-fun-together-outdoors-with-ice-cream-milkshake_23-2148735485.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah T.", role: "Family Mom", company: "Local Parent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-having-fun-together-outdoors-with-ice-cream-milkshake_23-2148735485.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mark D.",
|
||||
role: "Weekend Hiker",
|
||||
company: "Adventure Seeker",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-caresses_1187-746.jpg",
|
||||
},
|
||||
id: "6", name: "Mark D.", role: "Weekend Hiker", company: "Adventure Seeker", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-caresses_1187-746.jpg"},
|
||||
]}
|
||||
title="What Our Fans Are Saying"
|
||||
description="Hear directly from our rock star customers who keep coming back for an encore."
|
||||
@@ -325,27 +191,16 @@ export default function LandingPage() {
|
||||
description="Whether you're celebrating with family, rewarding yourself after a hike, grabbing a quick cappuccino, or sharing a sundae with friends, Rock Star Ice Creams creates moments worth remembering."
|
||||
metrics={[
|
||||
{
|
||||
value: "⭐⭐⭐⭐⭐",
|
||||
title: "5-Star Local Favourite",
|
||||
},
|
||||
value: "⭐⭐⭐⭐⭐", title: "5-Star Local Favourite"},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Flavours Explored",
|
||||
},
|
||||
value: "200+", title: "Flavours Explored"},
|
||||
{
|
||||
value: "10K+",
|
||||
title: "Smiles Served",
|
||||
},
|
||||
value: "10K+", title: "Smiles Served"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-cute-couple-with-pink-ice-cream_23-2148311199.jpg"
|
||||
imageAlt="Family enjoying sundaes at Rock Star Ice Creams"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -356,37 +211,20 @@ export default function LandingPage() {
|
||||
description="Life is too short for ordinary ice cream. Visit Rock Star Ice Creams and make your day legendary."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
mediaPosition="right"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-kid-with-ice-creams-side-view_23-2149426708.jpg"
|
||||
imageAlt="Woman and child enjoying ice cream"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Rock Star Ice Creams",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/your-location",
|
||||
},
|
||||
]}
|
||||
buttonText="Visit Rock Star Ice Creams"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -394,66 +232,39 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Flavours",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Flavours", href: "/menu"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Ice Cream",
|
||||
href: "/menu#ice-cream",
|
||||
},
|
||||
label: "Ice Cream", href: "/menu#ice-cream"},
|
||||
{
|
||||
label: "Vegan Options",
|
||||
href: "/menu#vegan",
|
||||
},
|
||||
label: "Vegan Options", href: "/menu#vegan"},
|
||||
{
|
||||
label: "Coffee & Treats",
|
||||
href: "/menu#drinks-bakery",
|
||||
},
|
||||
label: "Coffee & Treats", href: "/menu#drinks-bakery"},
|
||||
{
|
||||
label: "Sundaes",
|
||||
href: "/menu#sundaes",
|
||||
},
|
||||
label: "Sundaes", href: "/menu#sundaes"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/rockstaricecreams",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/rockstaricecreams"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/rockstaricecreams",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/rockstaricecreams"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com/@rockstaricecreams",
|
||||
},
|
||||
label: "TikTok", href: "https://tiktok.com/@rockstaricecreams"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://maps.app.goo.gl/your-location",
|
||||
},
|
||||
label: "Directions", href: "https://maps.app.goo.gl/your-location"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user