Update src/app/page.tsx

2026-04-06 22:01:37 +00:00
parent 01da2356eb
commit f9b74c9b40
1 changed files with 38 additions and 111 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,37 +13,29 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="bounce-effect"
+        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
+        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="blurBottom"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="extrabold"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="Shalama's Roti"
    />
@@ -55,13 +47,9 @@ export default function LandingPage() {
      description="Fresh Halal Flavors in Margate! Halal-certified roti, curries & doubles. Call to order!"
      buttons={[
        {
-          text: "Call to Order",
-          href: "tel:9549776753",
-        },
+          text: "Call to Order",          href: "tel:9549776753"},
        {
-          text: "View Menu",
-          href: "#menu",
-        },
+          text: "View Menu",          href: "#menu"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=1"
@@ -76,9 +64,7 @@ export default function LandingPage() {
      description="Family-owned spot serving authentic halal roti shop delights with Caribbean twists. Quick, affordable takeout for locals & beach visitors. Clean, friendly, always fresh! Located just 5 mins from the beach."
      buttons={[
        {
-          text: "Visit Us",
-          href: "#location",
-        },
+          text: "Visit Us",          href: "#location"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-outdoors_23-2149655608.jpg"
      imageAlt="Shalama's shop interior"
@@ -93,59 +79,23 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "1",
-          brand: "Roti",
-          name: "Chicken Roti",
-          price: "$10",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=2",
-        },
+          id: "1",          brand: "Roti",          name: "Chicken Roti",          price: "$10",          rating: 5,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=2"},
        {
-          id: "2",
-          brand: "Roti",
-          name: "Beef Roti",
-          price: "$12",
-          rating: 5,
-          reviewCount: "80+",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=3",
-        },
+          id: "2",          brand: "Roti",          name: "Beef Roti",          price: "$12",          rating: 5,
+          reviewCount: "80+",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=3"},
        {
-          id: "3",
-          brand: "Roti",
-          name: "Curry Goat Roti",
-          price: "$15",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=4",
-        },
+          id: "3",          brand: "Roti",          name: "Curry Goat Roti",          price: "$15",          rating: 5,
+          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=4"},
        {
-          id: "4",
-          brand: "Doubles",
-          name: "Chickpea Doubles",
-          price: "$5",
-          rating: 5,
-          reviewCount: "150+",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=5",
-        },
+          id: "4",          brand: "Doubles",          name: "Chickpea Doubles",          price: "$5",          rating: 5,
+          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=5"},
        {
-          id: "5",
-          brand: "Curries",
-          name: "Chicken Curry",
-          price: "$12",
-          rating: 5,
-          reviewCount: "90+",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=6",
-        },
+          id: "5",          brand: "Curries",          name: "Chicken Curry",          price: "$12",          rating: 5,
+          reviewCount: "90+",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=6"},
        {
-          id: "6",
-          brand: "Sides",
-          name: "Fried Plantains",
-          price: "$4",
-          rating: 5,
-          reviewCount: "70+",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=7",
-        },
+          id: "6",          brand: "Sides",          name: "Fried Plantains",          price: "$4",          rating: 5,
+          reviewCount: "70+",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086076.jpg?_wi=7"},
      ]}
      title="Fresh Halal Menu"
      description="Authentic Caribbean-inspired Halal dishes. Prices approximate—please call to confirm."
@@ -160,25 +110,15 @@ export default function LandingPage() {
      author="Peter C"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309987.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309987.jpg",          alt: "Customer"},
        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-with-doughnuts-outdoors_23-2148299527.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-with-doughnuts-outdoors_23-2148299527.jpg",          alt: "Customer"},
        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",          alt: "Customer"},
        {
-          src: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg",          alt: "Customer"},
        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309987.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309987.jpg",          alt: "Customer"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
@@ -189,16 +129,13 @@ export default function LandingPage() {
      <ContactCTA
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      tag="Visit Us"
      title="Need Fresh Halal Roti?"
      description="5 mins from beaches—grab & go! Tue-Sat 10AM-7PM, Sun 10AM-4PM. Order ahead by calling us."
      buttons={[
        {
-          text: "(954) 977-6753 – Order Now!",
-          href: "tel:9549776753",
-        },
+          text: "(954) 977-6753 – Order Now!",          href: "tel:9549776753"},
      ]}
    />
  </div>
@@ -209,29 +146,19 @@ export default function LandingPage() {
        {
          items: [
            {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
            {
-              label: "Our Menu",
-              href: "#menu",
-            },
+              label: "Our Menu",              href: "#menu"},
            {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          items: [
            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
@@ -241,4 +168,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}