Merge version_2 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -9,41 +9,32 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om Viva",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Meny",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Recensioner",
|
||||
id: "testimonials",
|
||||
},
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Varför Viva", id: "about" },
|
||||
{ name: "Signaturer", id: "menu" },
|
||||
{ name: "Vad folk säger", id: "testimonials" },
|
||||
{ name: "Ärligt", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
brandName="Viva Falafel"
|
||||
/>
|
||||
@@ -51,32 +42,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Sveriges mest beroendeframkallande falafel."
|
||||
description="Handgjord. Från grunden. Inga genvägar. Bara riktig smak – på riktigt."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beställ nu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Se meny",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-delicious-food_23-2150645799.jpg"
|
||||
title="Viva Falafel: En Ritual, Inte Bara Mat."
|
||||
description="Sveriges mest beroendeframkallande falafel, handgjord från grunden med en lyxig touch i svart, guld och djupgrönt."
|
||||
buttons={[{ text: "Upplev nu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-eating-burger_23-2149525573.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Raw Street. Pure Luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Läs mer",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
title="Varför Viva?"
|
||||
description="Vi vägrar genvägar. Varje falafelrulle är resultatet av en hantverksprocess där tradition möter lyx. Vi skapar en smakupplevelse som etsar sig fast."
|
||||
buttons={[{ text: "Vår filosofi", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,83 +62,30 @@ export default function LandingPage() {
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "VIVA ROLL",
|
||||
description: "Sveriges bästa falafelrulle. Krispig falafel, krämig sås, perfekt balans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "MNAESH",
|
||||
description: "Next level piroger. Smöriga, varma och helt beroendeframkallande.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-buns-wooden-kitchen-board-with-fresh-vine-tomatoes-with-olives-wooden-bowl-grey-wooden-background_141793-51927.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "VIVA MIX",
|
||||
description: "Kan du inte välja? Ta allt. Och tacka oss senare.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-eggplants-with-rice-lemon-feijoa-dark-surface-dinner-food-cooking-oil-rice-meal_140725-101706.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Viva Roll", description: "Vår ikoniska rulle med krispig falafel och hemlig sås.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg" },
|
||||
{ id: "s2", title: "Mnaesh Gold", description: "Lyxiga, varma piroger direkt från ugnen.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-buns-wooden-kitchen-board-with-fresh-vine-tomatoes-with-olives-wooden-bowl-grey-wooden-background_141793-51927.jpg" },
|
||||
{ id: "s3", title: "Viva Mix", description: "Det bästa av allt. För dig som inte vill välja.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-eggplants-with-rice-lemon-feijoa-dark-surface-dinner-food-cooking-oil-rice-meal_140725-101706.jpg" }
|
||||
]}
|
||||
title="Våra Signaturer"
|
||||
description="Smaker som tar dig direkt till Mellanöstern."
|
||||
description="Hantverk i varje tugga."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
company: "Stockholm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-burger_23-2149525573.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
role: "Local",
|
||||
company: "Södermalm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Influencer",
|
||||
company: "Bloggare",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-beer-with-his-friend-pub-restaurant_23-2148154053.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Guest",
|
||||
company: "Göteborg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Oscar B.",
|
||||
role: "Kock",
|
||||
company: "Malmö",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-burger_23-2149525573.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Kritiker", company: "Stockholm", rating: 5 },
|
||||
{ id: "t2", name: "Michael K.", role: "Matälskare", company: "Södermalm", rating: 5 },
|
||||
{ id: "t3", name: "Emily R.", role: "Gäst", company: "Bloggare", rating: 5 }
|
||||
]}
|
||||
title="Vad folk säger"
|
||||
description="Se vad våra besökare tycker om upplevelsen."
|
||||
description="Vår mat talar för sig själv, men våra gäster gör det gärna åt oss."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,57 +94,34 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Varför tar det ibland tid?",
|
||||
content: "Allt görs från grunden för hand. Det kräver tid, men vi lovar att det är värt väntan.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Är er falafel vegansk?",
|
||||
content: "Vår falafel är vegansk och lagas med traditionella kryddor från Mellanöstern.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Var hittar jag er?",
|
||||
content: "Kom förbi vår restaurang och upplev stämningen själv.",
|
||||
},
|
||||
{ id: "a1", title: "Varför är ni så ärliga?", content: "För att vi tror på transparens. Kvalitet tar tid, och vi döljer inget." },
|
||||
{ id: "a2", title: "Är allt vegetariskt?", content: "Vår falafel är vegansk och lagad med stolthet." },
|
||||
{ id: "a3", title: "Är väntetiden rimlig?", content: "Vi jobbar ständigt på att optimera utan att kompromissa med smaken." }
|
||||
]}
|
||||
title="Populärt = Väntetid?"
|
||||
description="När maten görs från grunden kan det ta lite tid. Vi jobbar ständigt på att bli snabbare utan att tumma på kvaliteten."
|
||||
title="Ärligt talat"
|
||||
description="Frågorna du vill ha svar på innan du tar din första tugga."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Boka eller fråga"
|
||||
description="Vi ser fram emot att välkomna dig. Skicka ett meddelande så svarar vi så snart vi kan."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ditt namn", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Din e-post", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Vad kan vi hjälpa dig med?", rows: 4 }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Viva Falafel",
|
||||
items: [
|
||||
{
|
||||
label: "Om oss",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Meny",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Besök oss",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Följ oss",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Viva Falafel", items: [{ label: "Om oss", href: "#about" }, { label: "Meny", href: "#menu" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Besök oss", href: "#" }, { label: "Följ oss", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | Viva Falafel"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user