Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1dd6c4bc1d | |||
| 4aaafdda50 | |||
| 775f49838f | |||
| 38af4e5f65 | |||
| 2e8d023078 | |||
| 3b241a0dc1 | |||
| 3822f52429 |
233
src/app/page.tsx
233
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
@@ -30,100 +30,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Affordable Fish Lovers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Fresh, Ocean-Caught Tilapia Delivered Hot."
|
||||
description="The freshest fish in town, grilled to perfection and delivered directly to your door. Automating your taste experience, from our kitchen to your table via Glovo."
|
||||
kpis={[
|
||||
{
|
||||
value: "15min",
|
||||
label: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Daily Orders",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/penne-pasta-with-mussels-side-view_140725-9154.jpg"
|
||||
imageAlt="Fresh grilled tilapia dish"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-young-woman-has-tasty-snack-enjoys-eating-delicious-hamburger-suffers-from-unhealthy-overeating-habit-holds-mobile-phone-wears-white-shirt-blue-tie_273609-62444.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waiter-holding-grilled-fish-with-lemon-tomato-creamy-herbs-seaside-restaurant_140725-520.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-young-people-having-lunch-talking-each-other-pub-focus-is-happy-woman_637285-4087.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy fish lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: Fish,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Fresh Catch",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Seafood",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Delivery",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Home,
|
||||
},
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-mussels-side-view_140725-9154.jpg" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-vegetables-lemon-slices_140725-6207.jpg?_wi=1" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/salmon-meat-fillet-steak_1203-9032.jpg?_wi=1" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/sliced-eggplants-fried-tasty-round-plate-rustic-wooden-desk_179666-720.jpg?_wi=1" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-seasonings-tomatoes-cheese-dark-seafood-color-photo-snack-meat-ripe-salad_140725-92962.jpg?_wi=1" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/fried-spicy-basil-leaft-with-century-egg-pork_1203-7371.jpg?_wi=1" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,47 +67,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Grilled Tilapia",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-vegetables-lemon-slices_140725-6207.jpg",
|
||||
imageAlt: "Grilled Tilapia",
|
||||
},
|
||||
id: "p1", name: "Signature Grilled Tilapia", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-psd/food-menu-restaurant-social-media-banner-instagram-post-template_120329-4845.jpg?id=238043896", imageAlt: "Grilled Tilapia"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Garden Side Salad",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-meat-fillet-steak_1203-9032.jpg",
|
||||
imageAlt: "Fresh Garden Salad",
|
||||
},
|
||||
id: "p2", name: "Fresh Garden Side Salad", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-meat-fillet-steak_1203-9032.jpg?_wi=2", imageAlt: "Fresh Garden Salad"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Crispy Fried Plantains",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-eggplants-fried-tasty-round-plate-rustic-wooden-desk_179666-720.jpg",
|
||||
imageAlt: "Fried Plantains",
|
||||
},
|
||||
id: "p3", name: "Crispy Fried Plantains", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/sliced-eggplants-fried-tasty-round-plate-rustic-wooden-desk_179666-720.jpg?_wi=2", imageAlt: "Fried Plantains"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tilapia Rice Platter",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-seasonings-tomatoes-cheese-dark-seafood-color-photo-snack-meat-ripe-salad_140725-92962.jpg",
|
||||
imageAlt: "Tilapia Rice Platter",
|
||||
},
|
||||
id: "p4", name: "Tilapia Rice Platter", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-seasonings-tomatoes-cheese-dark-seafood-color-photo-snack-meat-ripe-salad_140725-92962.jpg?_wi=2", imageAlt: "Tilapia Rice Platter"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Traditional Cassava Side",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-spicy-basil-leaft-with-century-egg-pork_1203-7371.jpg",
|
||||
imageAlt: "Traditional Cassava",
|
||||
},
|
||||
id: "p5", name: "Traditional Cassava Side", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/fried-spicy-basil-leaft-with-century-egg-pork_1203-7371.jpg?_wi=2", imageAlt: "Traditional Cassava"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Zesty Lemon-Herb Fish",
|
||||
price: "$13.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-dark-seafood-color-salad-meat-snack_140725-92959.jpg",
|
||||
imageAlt: "Zesty Lemon-Herb Fish",
|
||||
},
|
||||
id: "p6", name: "Zesty Lemon-Herb Fish", price: "$13.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-dark-seafood-color-salad-meat-snack_140725-92959.jpg", imageAlt: "Zesty Lemon-Herb Fish"},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Choose from our fresh, locally sourced menu items. Every order is printed instantly for fast preparation."
|
||||
@@ -189,9 +90,7 @@ export default function LandingPage() {
|
||||
title="Quality You Can Taste, Speed You Can Rely On."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -203,45 +102,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex River",
|
||||
handle: "@alexriver",
|
||||
testimonial: "The best fish I've had in the neighborhood. Perfectly grilled!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-young-woman-has-tasty-snack-enjoys-eating-delicious-hamburger-suffers-from-unhealthy-overeating-habit-holds-mobile-phone-wears-white-shirt-blue-tie_273609-62444.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex River", handle: "@alexriver", testimonial: "The best fish I've had in the neighborhood. Perfectly grilled!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-young-woman-has-tasty-snack-enjoys-eating-delicious-hamburger-suffers-from-unhealthy-overeating-habit-holds-mobile-phone-wears-white-shirt-blue-tie_273609-62444.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam Smith",
|
||||
handle: "@samsmith",
|
||||
testimonial: "Fast delivery through Glovo and food always arrives piping hot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
id: "t2", name: "Sam Smith", handle: "@samsmith", testimonial: "Fast delivery through Glovo and food always arrives piping hot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan Lee",
|
||||
handle: "@jordanlee",
|
||||
testimonial: "Love the freshness and the packaging. Definitely recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-grilled-fish-with-lemon-tomato-creamy-herbs-seaside-restaurant_140725-520.jpg",
|
||||
},
|
||||
id: "t3", name: "Jordan Lee", handle: "@jordanlee", testimonial: "Love the freshness and the packaging. Definitely recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-grilled-fish-with-lemon-tomato-creamy-herbs-seaside-restaurant_140725-520.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey Blue",
|
||||
handle: "@caseyblue",
|
||||
testimonial: "A staple for our Friday night family dinners. Consistent and fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-lunch-talking-each-other-pub-focus-is-happy-woman_637285-4087.jpg",
|
||||
},
|
||||
id: "t4", name: "Casey Blue", handle: "@caseyblue", testimonial: "A staple for our Friday night family dinners. Consistent and fresh.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-lunch-talking-each-other-pub-focus-is-happy-woman_637285-4087.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor Ray",
|
||||
handle: "@taylorray",
|
||||
testimonial: "The tilapia platter is legendary. So much flavor!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg",
|
||||
},
|
||||
id: "t5", name: "Taylor Ray", handle: "@taylorray", testimonial: "The tilapia platter is legendary. So much flavor!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Fish Lovers"
|
||||
@@ -254,20 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I order online?",
|
||||
content: "You can order through our online store which connects to our POS.",
|
||||
},
|
||||
id: "faq1", title: "How do I order online?", content: "You can order through our online store which connects to our POS."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Is delivery really that fast?",
|
||||
content: "Yes! Our integration with Glovo ensures your fish is prioritized.",
|
||||
},
|
||||
id: "faq2", title: "Is delivery really that fast?", content: "Yes! Our integration with Glovo ensures your fish is prioritized."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is the fish fresh?",
|
||||
content: "We source our Tilapia fresh daily to ensure the highest quality.",
|
||||
},
|
||||
id: "faq3", title: "Is the fish fresh?", content: "We source our Tilapia fresh daily to ensure the highest quality."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="We're here to answer your questions about our fresh catches and ordering process."
|
||||
@@ -280,33 +145,21 @@ export default function LandingPage() {
|
||||
logoText="Affordable Fish Lovers"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -316,4 +169,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user