Merge version_1 into main #2
547
src/app/page.tsx
547
src/app/page.tsx
@@ -2,397 +2,196 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Clock, Heart, Users } from "lucide-react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sturehof"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sturehof"
|
||||
button={{ text: "Reserve", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="An Iconic Culinary Landmark"
|
||||
description="Experience timeless flavors and unparalleled hospitality in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="An Iconic Culinary Landmark"
|
||||
description="Experience timeless flavors and unparalleled hospitality in the heart of the city."
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Taste"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Served",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Culinary Awards",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Diners",
|
||||
value: "1M+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Taste"
|
||||
metrics={[
|
||||
{ icon: Clock, label: "Years Served", value: "120+" },
|
||||
{ icon: Award, label: "Culinary Awards", value: "50+" },
|
||||
{ icon: Users, label: "Happy Diners", value: "1M+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Oyster Selection",
|
||||
price: "$32",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Butter Fried Baltic Herring",
|
||||
price: "$28",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-barbecue-with-green-dip-sauce-white-plate_114579-3425.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Truffle Tagliatelle",
|
||||
price: "$42",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-cookies-delicious-sweets-tea-dark-grey-background-cookie-sugar-sweet-biscuit-cake_140725-80464.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Artisanal Wine Flight",
|
||||
price: "$55",
|
||||
variant: "Sommelier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Roasted Lamb Chops",
|
||||
price: "$48",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-candies-plate-marble-background-high-quality-photo_114579-36515.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$18",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="A curated list of our most celebrated dishes and seasonal offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Oyster Selection", price: "$32", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg" },
|
||||
{ id: "2", name: "Butter Fried Baltic Herring", price: "$28", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/fish-barbecue-with-green-dip-sauce-white-plate_114579-3425.jpg" },
|
||||
{ id: "3", name: "Truffle Tagliatelle", price: "$42", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-cookies-delicious-sweets-tea-dark-grey-background-cookie-sugar-sweet-biscuit-cake_140725-80464.jpg" },
|
||||
{ id: "4", name: "Artisanal Wine Flight", price: "$55", variant: "Sommelier", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg" },
|
||||
{ id: "5", name: "Roasted Lamb Chops", price: "$48", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/assorted-candies-plate-marble-background-high-quality-photo_114579-36515.jpg" },
|
||||
{ id: "6", name: "Dark Chocolate Ganache", price: "$18", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg" },
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="A curated list of our most celebrated dishes and seasonal offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "Fresh ingredients sourced locally daily.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-tartar_1203-3586.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=2",
|
||||
imageAlt: "gourmet dish closeup",
|
||||
},
|
||||
{
|
||||
title: "Expert Staff",
|
||||
description: "Highly trained culinary masters at your service.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-little-cake-with-red-icing-inside-plate-dark-background-tea-sweet-biscuit-pie-cookies-sugar_140725-115642.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-drink_23-2150124828.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-fried-fish-front-view_23-2148516904.jpg",
|
||||
imageAlt: "gourmet dish closeup",
|
||||
},
|
||||
{
|
||||
title: "Historic Ambiance",
|
||||
description: "Dining in a setting rich with history.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-type-vegetables-dark-board-red-yellow-pepper-mushrooms-cherry-greens_482257-45393.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-roll-with-avocado-salad_1203-9610.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg?_wi=2",
|
||||
imageAlt: "gourmet dish closeup",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Sturehof?"
|
||||
description="We blend traditional craftsmanship with modern comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={true}
|
||||
title="Why Sturehof?"
|
||||
description="We blend traditional craftsmanship with modern comfort."
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table", description: "Fresh ingredients sourced locally daily.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tuna-tartar_1203-3586.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Expert Staff", description: "Highly trained culinary masters at your service.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-little-cake-with-red-icing-inside-plate-dark-background-tea-sweet-biscuit-pie-cookies-sugar_140725-115642.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-drink_23-2150124828.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Historic Ambiance", description: "Dining in a setting rich with history.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-type-vegetables-dark-board-red-yellow-pepper-mushrooms-cherry-greens_482257-45393.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/tuna-roll-with-avocado-salad_1203-9610.jpg" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Erik Johansson",
|
||||
handle: "@erikj",
|
||||
testimonial: "An incredible experience every single visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sofia Larsson",
|
||||
handle: "@sofial",
|
||||
testimonial: "The herring was absolutely perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-displeased-woman-arguing-with-waitress-cafe_637285-8114.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anders Berg",
|
||||
handle: "@andersb",
|
||||
testimonial: "Unbeatable service and great wines.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Karin M.",
|
||||
handle: "@karinm",
|
||||
testimonial: "My favorite place in the whole city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Johan P.",
|
||||
handle: "@johanp",
|
||||
testimonial: "Top class dining with history.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Guests Say"
|
||||
description="Hear from those who have savored our offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="What Guests Say"
|
||||
description="Hear from those who have savored our offerings."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Erik Johansson", handle: "@erikj", testimonial: "An incredible experience every single visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
|
||||
{ id: "2", name: "Sofia Larsson", handle: "@sofial", testimonial: "The herring was absolutely perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-displeased-woman-arguing-with-waitress-cafe_637285-8114.jpg" },
|
||||
{ id: "3", name: "Anders Berg", handle: "@andersb", testimonial: "Unbeatable service and great wines.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg" },
|
||||
{ id: "4", name: "Karin M.", handle: "@karinm", testimonial: "My favorite place in the whole city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg" },
|
||||
{ id: "5", name: "Johan P.", handle: "@johanp", testimonial: "Top class dining with history.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120",
|
||||
title: "Years",
|
||||
description: "Legacy established.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k",
|
||||
title: "Dishes",
|
||||
description: "Daily patrons.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Care",
|
||||
description: "Our dedication.",
|
||||
icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="The Sturehof Impact"
|
||||
description="Quality measured by generations of satisfaction."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="The Sturehof Impact"
|
||||
description="Quality measured by generations of satisfaction."
|
||||
metrics={[
|
||||
{ id: "m1", value: "120", title: "Years", description: "Legacy established.", icon: Award },
|
||||
{ id: "m2", value: "10k", title: "Dishes", description: "Daily patrons.", icon: Award },
|
||||
{ id: "m3", value: "24/7", title: "Care", description: "Our dedication.", icon: Heart },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Chef Marcus",
|
||||
role: "Head Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199284.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Sommelier",
|
||||
role: "Head Sommelier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Host",
|
||||
role: "Front of House",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="The faces behind the flavors."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Team"
|
||||
description="The faces behind the flavors."
|
||||
team={[
|
||||
{ id: "t1", name: "Chef Marcus", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199284.jpg" },
|
||||
{ id: "t2", name: "Elena Sommelier", role: "Head Sommelier", imageSrc: "http://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg" },
|
||||
{ id: "t3", name: "Marcus Host", role: "Front of House", imageSrc: "http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, booking ahead is highly recommended.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "Absolutely, we have a diverse plant-based menu.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you host events?",
|
||||
content: "Yes, we handle private parties and bookings.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need a reservation?", content: "Yes, booking ahead is highly recommended." },
|
||||
{ id: "q2", title: "Do you have vegetarian options?", content: "Absolutely, we have a diverse plant-based menu." },
|
||||
{ id: "q3", title: "Can you host events?", content: "Yes, we handle private parties and bookings." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready for an exceptional meal? Join us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "https://sturehof.com/reserve",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready for an exceptional meal? Join us today."
|
||||
buttons={[{ text: "Reserve Now", href: "https://sturehof.com/reserve" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Sturehof Restaurant."
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Dining", items: [{ label: "Menu", href: "#menu" }, { label: "Reserve", href: "#contact" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Sturehof Restaurant."
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user