Merge version_2 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,290 +26,85 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Meny",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Om Oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Meny", id: "menu" },
|
||||
{ name: "Om Oss", id: "about" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="2BASCO"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<HeroBillboardScroll
|
||||
title="Burgare på riktigt."
|
||||
description="Saftiga, perfekt stekta burgare. Grym service. En upplevelse du vill tillbaka till."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beställ nu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Se meny",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Beställ nu", href: "#" }, { text: "Se meny", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg?_wi=1"
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Bästa burgaren",
|
||||
quote: "Bästa burgaren jag ätit",
|
||||
name: "Erik Svensson",
|
||||
role: "Gäst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "10/10",
|
||||
quote: "Servicen var 10/10",
|
||||
name: "Maria Lind",
|
||||
role: "Gäst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-eating-donut-with-chocolate-icing_158595-1691.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Bra pris",
|
||||
quote: "Otroligt bra mat för priset",
|
||||
name: "Johan P.",
|
||||
role: "Gäst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Grym vibe",
|
||||
quote: "Personalen gör hela upplevelsen",
|
||||
name: "Sofia K.",
|
||||
role: "Gäst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Toppen",
|
||||
quote: "Kommer garanterat tillbaka",
|
||||
name: "Lars O.",
|
||||
role: "Gäst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-fast-food_23-2149243039.jpg",
|
||||
},
|
||||
]}
|
||||
<TestimonialCardSixteen
|
||||
title="Älskat av våra gäster"
|
||||
description="4.8 / 5 | 256 recensioner"
|
||||
kpiItems={[{ value: "4.8", label: "Betyg" }, { value: "256", label: "Recensioner" }, { value: "100%", label: "Nöjda" }]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Erik Svensson", role: "Gäst", company: "Västerås", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=1" },
|
||||
{ id: "t2", name: "Maria Lind", role: "Gäst", company: "Västerås", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-eating-donut-with-chocolate-icing_158595-1691.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "2Basco Classic",
|
||||
price: "145 kr",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Signature",
|
||||
name: "Cheese Supreme",
|
||||
price: "155 kr",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Sides",
|
||||
name: "Popcorn Fries",
|
||||
price: "65 kr",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-served-small-bucket-marble-background-high-quality-photo_114579-67426.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Sides",
|
||||
name: "Sweet Potato",
|
||||
price: "75 kr",
|
||||
rating: 4,
|
||||
reviewCount: "62",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-served-small-bucket-marble-background-high-quality-photo_114579-67426.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Drinks",
|
||||
name: "Vanilla Shake",
|
||||
price: "55 kr",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-creamy-milkshake_23-2147836739.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Drinks",
|
||||
name: "Choco Dream",
|
||||
price: "55 kr",
|
||||
rating: 5,
|
||||
reviewCount: "140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-creamy-milkshake_23-2147836739.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
<ProductCardFour
|
||||
title="Signature Food"
|
||||
description="Perfekt stekyta. Saftigt. Krispigt. Balanserat."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "2Basco Classic", price: "145 kr", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Cheese Supreme", price: "155 kr", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=2" }
|
||||
]}
|
||||
layout="section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Kvalitet",
|
||||
description: "Vällagade burgare med perfekt balans och fräscha råvaror",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
description: "Personal som faktiskt bryr sig – varje gång",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Värde",
|
||||
description: "Mycket mat. Rätt pris. Inga kompromisser",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-served-small-bucket-marble-background-high-quality-photo_114579-67426.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
<FeatureCardSix
|
||||
title="Varför 2Basco?"
|
||||
description="Här kommer du inte bara för maten. Du kommer för känslan."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Kvalitet", description: "Vällagade burgare med perfekt balans", imageSrc: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-knife-wood-piece_114579-2980.jpg?_wi=3" },
|
||||
{ title: "Service", description: "Personal som faktiskt bryr sig", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg?_wi=3" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kom och häng"
|
||||
<ContactSplit
|
||||
title="Redo att testa Västerås bästa burgare?"
|
||||
description="Vi finns på Stora Gatan 12. Öppet alla dagar 11-21."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beställ nu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Besök oss",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="Kontakt"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoReveal
|
||||
logoText="2BASCO"
|
||||
columns={[
|
||||
{
|
||||
title: "Sidor",
|
||||
items: [
|
||||
{
|
||||
label: "Meny",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Om oss",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Integritet",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socialt",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
leftLink={{ text: "Meny", href: "#menu" }}
|
||||
rightLink={{ text: "Om oss", href: "#about" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user