Add src/app/about/page.tsx
This commit is contained in:
65
src/app/about/page.tsx
Normal file
65
src/app/about/page.tsx
Normal file
@@ -0,0 +1,65 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Instagram, Facebook, Linkedin } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Overview", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="FEDERICO"
|
||||
/>
|
||||
<SplitAbout
|
||||
title="Our Story"
|
||||
description="Founded in Tunis, Federico brings the true taste of Italy to the Mediterranean coast. We believe in tradition, fresh ingredients, and the warmth of hospitality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg"
|
||||
textboxLayout="default"
|
||||
className="py-20"
|
||||
/>
|
||||
<TeamCardSix
|
||||
title="Our Talented Team"
|
||||
description="Meet the passionate people behind your dining experience."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{ id: "1", name: "Federico Rossi", role: "Founder & Chef", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-meal-kitchen_23-2148761011.jpg" },
|
||||
{ id: "2", name: "Sarah Ben Youssef", role: "Restaurant Manager", imageSrc: "http://img.b2bpic.net/free-photo/professional-restaurant-manager-holding-tablet-smiling_23-2148821035.jpg" },
|
||||
{ id: "3", name: "Luca Bianchi", role: "Head Sommelier", imageSrc: "http://img.b2bpic.net/free-photo/sommelier-pouring-wine-glass-restaurant_23-2148909194.jpg" }
|
||||
]}
|
||||
/>
|
||||
<FooterCard
|
||||
logoText="FEDERICO"
|
||||
copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user