Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fc99e8f895 | |||
| 6e68daf582 | |||
| 085f153806 | |||
| 4c204c2d38 |
180
src/app/page.tsx
180
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Shop",
|
name: "Shop", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Hobbs"
|
brandName="Hobbs"
|
||||||
/>
|
/>
|
||||||
@@ -58,37 +48,26 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
title="Discover Your New Favorite Drink at Hobbs"
|
||||||
title="Hobbs: Wine, Beer & Spirits"
|
|
||||||
description="Expertly curated craft beers, fine wines, and premium spirits in the heart of Hurstpierpoint."
|
description="Expertly curated craft beers, fine wines, and premium spirits in the heart of Hurstpierpoint."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "View Selection",
|
text: "View Selection", href: "#products"},
|
||||||
href: "#products",
|
{
|
||||||
},
|
text: "Contact Us", href: "#contact"},
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg", imageAlt: "Luxury shop interior"},
|
||||||
imageAlt: "Luxury shop interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/different-cocktials-bar_23-2148176840.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/different-cocktials-bar_23-2148176840.jpg", imageAlt: "Craft beer selection"},
|
||||||
imageAlt: "Craft beer selection",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-looking-gift_140725-163890.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-looking-gift_140725-163890.jpg", imageAlt: "Premium wine bottles"},
|
||||||
imageAlt: "Premium wine bottles",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-hipster-male-manufacturer-presenting-beer-microbrewery_613910-8102.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-hipster-male-manufacturer-presenting-beer-microbrewery_613910-8102.jpg", imageAlt: "Portrait of tattooed, bearded hipster male manufacturer presenting beer in the microbrewery."},
|
||||||
imageAlt: "Portrait of tattooed, bearded hipster male manufacturer presenting beer in the microbrewery.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-american-beer-assortment_23-2148907596.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-american-beer-assortment_23-2148907596.jpg", imageAlt: "Front view tasty american beer assortment"},
|
||||||
imageAlt: "Front view tasty american beer assortment",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -101,19 +80,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Award,
|
icon: Award,
|
||||||
label: "Years of Expertise",
|
label: "Years of Expertise", value: "20+"},
|
||||||
value: "20+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Wine,
|
icon: Wine,
|
||||||
label: "Curated Bottles",
|
label: "Curated Bottles", value: "500+"},
|
||||||
value: "500+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
label: "Satisfied Customers",
|
label: "Satisfied Customers", value: "10k+"},
|
||||||
value: "10k+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -127,41 +100,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Coastal IPA", price: "£4.50", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995317.jpg"},
|
||||||
name: "Coastal IPA",
|
|
||||||
price: "£4.50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995317.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Reserve Red", price: "£18.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-wine-with-bottle-light-background-alcohol-drink-bar-lemonade-dinner-photo-grape-juice-holiday_140725-160625.jpg"},
|
||||||
name: "Reserve Red",
|
|
||||||
price: "£18.00",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-wine-with-bottle-light-background-alcohol-drink-bar-lemonade-dinner-photo-grape-juice-holiday_140725-160625.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Small Batch Gin", price: "£32.00", imageSrc: "http://img.b2bpic.net/free-photo/four-clear-transparent-glass-bottles-with-black-caps-filled-with-pure-drinking-water-presented-wooden-brick-isolated-white_346278-887.jpg"},
|
||||||
name: "Small Batch Gin",
|
|
||||||
price: "£32.00",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/four-clear-transparent-glass-bottles-with-black-caps-filled-with-pure-drinking-water-presented-wooden-brick-isolated-white_346278-887.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Pale Ale Special", price: "£3.99", imageSrc: "http://img.b2bpic.net/free-photo/brown-bottles-beer-with-glass-beer-wooden-table_23-2148215849.jpg"},
|
||||||
name: "Pale Ale Special",
|
|
||||||
price: "£3.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-bottles-beer-with-glass-beer-wooden-table_23-2148215849.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Crisp White Blend", price: "£14.50", imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-ribbons-table_23-2147983882.jpg"},
|
||||||
name: "Crisp White Blend",
|
|
||||||
price: "£14.50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-ribbons-table_23-2147983882.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Single Malt Whiskey", price: "£45.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-hipster-male-manufacturer-presenting-beer-microbrewery_613910-8094.jpg"},
|
||||||
name: "Single Malt Whiskey",
|
|
||||||
price: "£45.00",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-hipster-male-manufacturer-presenting-beer-microbrewery_613910-8094.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Popular Selections"
|
title="Popular Selections"
|
||||||
description="Our current favorites from the shelves."
|
description="Our current favorites from the shelves."
|
||||||
@@ -175,40 +124,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "John Peters", handle: "@johnpeters", testimonial: "Excellent range and very knowledgeable staff. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-is-prepairing-wine-sommelier-expertise-it-wine-boutique_613910-17296.jpg"},
|
||||||
name: "John Peters",
|
|
||||||
handle: "@johnpeters",
|
|
||||||
testimonial: "Excellent range and very knowledgeable staff. Highly recommended.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-is-prepairing-wine-sommelier-expertise-it-wine-boutique_613910-17296.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "David Johnson", handle: "@davidjohnson", testimonial: "Great wine shop. Always offer alternatives if they don't have exactly what I want.", imageSrc: "http://img.b2bpic.net/free-photo/celebration-holidays-excited-man-enjoying-birthday-party-wearing-bday-hat-drinking-champagne_1258-112657.jpg"},
|
||||||
name: "David Johnson",
|
|
||||||
handle: "@davidjohnson",
|
|
||||||
testimonial: "Great wine shop. Always offer alternatives if they don't have exactly what I want.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-holidays-excited-man-enjoying-birthday-party-wearing-bday-hat-drinking-champagne_1258-112657.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Sarah Miller", handle: "@smiller", testimonial: "Fantastic selection of canned craft beers. Will definitely be back.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg"},
|
||||||
name: "Sarah Miller",
|
|
||||||
handle: "@smiller",
|
|
||||||
testimonial: "Fantastic selection of canned craft beers. Will definitely be back.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Tom Baker", handle: "@tombaker", testimonial: "Excellent service and prompt delivery. A local gem.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
|
||||||
name: "Tom Baker",
|
|
||||||
handle: "@tombaker",
|
|
||||||
testimonial: "Excellent service and prompt delivery. A local gem.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Emily Smith", handle: "@esmith", testimonial: "Knowledgeable staff who really know their stuff. Great experience.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg"},
|
||||||
name: "Emily Smith",
|
|
||||||
handle: "@esmith",
|
|
||||||
testimonial: "Knowledgeable staff who really know their stuff. Great experience.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Customer Reviews"
|
title="Customer Reviews"
|
||||||
description="Don't just take our word for it."
|
description="Don't just take our word for it."
|
||||||
@@ -220,20 +144,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Do you offer delivery?", content: "Yes, we offer local delivery options. Contact us at 01273 833121 for details."},
|
||||||
title: "Do you offer delivery?",
|
|
||||||
content: "Yes, we offer local delivery options. Contact us at 01273 833121 for details.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "What are your opening hours?", content: "We are open daily until 9 PM. Visit us at High St, Hurstpierpoint."},
|
||||||
title: "What are your opening hours?",
|
|
||||||
content: "We are open daily until 9 PM. Visit us at High St, Hurstpierpoint.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Can you help with recommendations?", content: "Absolutely. Our knowledgeable team is always happy to suggest alternatives based on your preferences."},
|
||||||
title: "Can you help with recommendations?",
|
|
||||||
content: "Absolutely. Our knowledgeable team is always happy to suggest alternatives based on your preferences.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Frequently Asked"
|
sideTitle="Frequently Asked"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -244,14 +159,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
text="Visit us in Hurstpierpoint for the best selection of wines and craft beers. Call 01273 833121 today."
|
text="Visit us in Hurstpierpoint for the best selection of wines and craft beers. Call 01273 833121 today."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "https://maps.google.com"},
|
||||||
href: "https://maps.google.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -262,33 +174,21 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Product Range",
|
label: "Product Range", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Delivery Services",
|
label: "Delivery Services", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Visit Us",
|
label: "Visit Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQs",
|
label: "FAQs", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user