Update src/app/page.tsx

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import ReactLenis from "lenis/react";
 import HeroLogo from "@/components/sections/hero/HeroLogo";
-import InlineImageSplitTextAbout from "@/components/sections/about/SplitAbout";
+import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Utensils, MapPin, Instagram, Facebook, Linkedin } from "lucide-react";
+import { Utensils } from "lucide-react";
 
 export default function FedericoRestaurantPage() {
     return (
@@ -36,6 +36,7 @@ export default function FedericoRestaurantPage() {
                             { name: "Contact", id: "contact" },
                         ]}
                         brandName="FEDERICO"
+                        button={{ text: "Reservations", href: "#contact" }}
                     />
                 </div>
                 <div id="overview" data-section="overview">
@@ -52,13 +53,17 @@ export default function FedericoRestaurantPage() {
                     />
                 </div>
                 <div id="about" data-section="about">
-                    <InlineImageSplitTextAbout
+                    <SplitAbout
                         title="We craft authentic culinary masterpieces"
                         description="Using the finest Mediterranean ingredients for a unique experience."
                         buttons={[{ text: "Learn Our Story", href: "#about" }]}
                         useInvertedBackground={false}
                         mediaAnimation="slide-up"
                         textboxLayout="inline-image"
+                        bulletPoints={[
+                            { title: "Authentic Recipes", description: "Generations of Italian tradition." },
+                            { title: "Fresh Ingredients", description: "Sourced from the best local providers." }
+                        ]}
                     />
                 </div>
                 <div id="menu" data-section="menu">
@@ -90,6 +95,7 @@ export default function FedericoRestaurantPage() {
                 </div>
                 <div id="contact" data-section="contact">
                     <ContactSplit
+                        tag="Reservations"
                         title="Connect With Us"
                         description="Need a reservation or have an inquiry? Get in touch today."
                         background={{ variant: "plain" }}
@@ -98,6 +104,7 @@ export default function FedericoRestaurantPage() {
                         imageAlt="Contact Us"
                         mediaAnimation="slide-up"
                         mediaPosition="right"
+                        mediaAnimation="slide-up"
                     />
                 </div>
                 <FooterSimple