Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,16 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Car, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Directory", id: "directory" },
-          id: "hero",
+        { name: "Services", id: "services" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Amenities",
-          id: "amenities",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="CG Landmark"
     />
@@ -57,302 +41,76 @@ export default function LandingPage() {
       <HeroOverlay
       title="Welcome to CG Landmark Mall"
       description="Your ultimate destination for shopping, dining, and family fun, designed with everyone in mind."
-      buttons={[
+      buttons={[{ text: "Plan Your Visit", href: "#contact" }]}
-        {
-          text: "Plan Your Visit",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8328.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-girl-shopping-center_23-2147669894.jpg",
-          alt: "Pretty girl in shopping center",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1566.jpg",
-          alt: "indoor hotel view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/long-shot-smiley-students-chatting_23-2149647060.jpg",
-          alt: "Long shot smiley students chatting",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8351.jpg",
-          alt: "Blur shopping mall",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
-          alt: "Man winking and thumb up",
-        },
-      ]}
-      avatarText="Join our community of happy shoppers"
     />
   </div>
 
-  <div id="about" data-section="about">
+  <div id="directory" data-section="directory">
-      <InlineImageSplitTextAbout
+      <FeatureCardTwentyThree
-      useInvertedBackground={false}
+        title="Mall Directory"
-      heading={[
+        description="Explore our wide range of categories and popular spots."
-        {
+        animationType="slide-up"
-          type: "text",
+        textboxLayout="split"
-          content: "Experience True Accessibility",
+        useInvertedBackground={false}
-        },
+        features={[
-        {
+          { id: "f1", title: "Food & Drink", tags: ["KFC", "The Pizza House"] },
-          type: "image",
+          { id: "f2", title: "Clothing & Shoes", tags: ["Fashion Hub", "Shoe Palace"] },
-          src: "http://img.b2bpic.net/free-photo/full-shot-disabled-man-taking-elevator_23-2149445630.jpg",
+          { id: "f3", title: "Health & Beauty", tags: ["Shinir Photo and Video"] },
-          alt: "accessible mall ramp",
+          { id: "f4", title: "Electronics", tags: ["QFX Cinemas", "Gadget World"] },
-        },
+        ]}
-      ]}
+      />
-    />
-  </div>
-
-  <div id="amenities" data-section="amenities">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Limited access areas",
-          "No changing tables",
-          "No playground",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Wheelchair-accessible car park",
-          "Wheelchair-accessible entrance",
-          "Wheelchair-accessible toilets",
-          "Changing tables",
-          "Playground",
-        ],
-      }}
-      title="Premium Amenities"
-      description="Comprehensive facilities to ensure every visitor enjoys comfort and convenience."
-    />
-  </div>
-
-  <div id="parking" data-section="parking">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Car,
-          title: "Free Street Parking",
-          value: "Available",
-        },
-        {
-          id: "m2",
-          icon: Car,
-          title: "Paid Lot Parking",
-          value: "Secure",
-        },
-        {
-          id: "m3",
-          icon: Star,
-          title: "Accessible Spaces",
-          value: "Designed",
-        },
-      ]}
-      title="Parking Made Easy"
-      description="We offer flexible parking options for your stress-free arrival."
-    />
   </div>
 
   <div id="services" data-section="services">
-      <ProductCardTwo
+      <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "s1",
-          brand: "Retail",
-          name: "In-Store Shopping",
-          price: "Everyday",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7910.jpg",
-        },
-        {
-          id: "s2",
-          brand: "Support",
-          name: "On-Site Assistance",
-          price: "Available",
-          rating: 5,
-          reviewCount: "50+",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-with-office-job-sitting-desk-with-computer-monitor-data-charts-screen-corporate-employee-looking-camera-preparing-work-business-project_482257-35935.jpg",
-        },
-        {
-          id: "s3",
-          brand: "Financial",
-          name: "Credit Card Accepted",
-          price: "Standard",
-          rating: 4,
-          reviewCount: "80+",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-cashier-receiving-payment-through-credit-card-supermarket_662251-1438.jpg",
-        },
-        {
-          id: "s4",
-          brand: "Utilities",
-          name: "Restroom Access",
-          price: "Complimentary",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-hazmat-suit-cleaning_23-2149345581.jpg",
-        },
-        {
-          id: "s5",
-          brand: "Amenities",
-          name: "Changing Tables",
-          price: "For Families",
-          rating: 5,
-          reviewCount: "40+",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-writing-chalkboard-daughter_23-2147848687.jpg",
-        },
-        {
-          id: "s6",
-          brand: "Leisure",
-          name: "Children's Playground",
-          price: "For All",
-          rating: 5,
-          reviewCount: "90+",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-spinning-carousel_23-2147830648.jpg",
-        },
-      ]}
-      title="On-Site Services"
-      description="Explore the variety of services available at our location."
-    />
-  </div>
-
-  <div id="family" data-section="family">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
+      title="Featured Popular Spots"
-        {
+      description="Discover some of our most visited locations in the mall."
-          id: "t1",
+      products={[
-          name: "Alice D.",
+        { id: "p1", name: "KFC", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-meal_1203-7910.jpg" },
-          role: "Mother",
+        { id: "p2", name: "The Pizza House", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slice_1203-7911.jpg" },
-          testimonial: "The changing tables are perfectly located and very clean.",
+        { id: "p3", name: "QFX Cinemas", price: "Entertainment", imageSrc: "http://img.b2bpic.net/free-photo/cinema-screen_1203-7912.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-close-up-portrait-young-attractive-tan-skinned-caucasian-girl-sunglasses-black-dress-holding-lot-bags-after-shoping-talking-phone-with-friend-looking-camera-with-happy_176420-5566.jpg",
+        { id: "p4", name: "Shinir Photo and Video", price: "Services", imageSrc: "http://img.b2bpic.net/free-photo/photo-studio_1203-7913.jpg" },
-        },
-        {
-          id: "t2",
-          name: "Bob K.",
-          role: "Father",
-          testimonial: "Playground kept the kids busy for hours. Wonderful facilities.",
-          imageSrc: "http://img.b2bpic.net/free-photo/family-shopping_1098-14999.jpg",
-        },
-        {
-          id: "t3",
-          name: "Cathy L.",
-          role: "Visitor",
-          testimonial: "Best accessible mall I've visited in a long time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/scared-red-haired-woman-gazes-stupor-floor-dressed-grey-t-shirt_176532-9162.jpg",
-        },
-        {
-          id: "t4",
-          name: "David M.",
-          role: "Shopper",
-          testimonial: "Convenient parking options make it super easy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg",
-        },
-        {
-          id: "t5",
-          name: "Eve J.",
-          role: "Grandmother",
-          testimonial: "Everything is very accessible and easy to move through.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-woman-home_23-2148373789.jpg",
-        },
       ]}
-      title="Why Families Love Us"
-      description="Hear what our visitors have to say about their experience."
     />
   </div>
 
-  <div id="faq" data-section="faq">
+  <div id="reviews" data-section="reviews">
-      <FaqSplitMedia
+      <TestimonialCardOne
-      textboxLayout="default"
+      animationType="slide-up"
-      useInvertedBackground={true}
+      textboxLayout="split"
-      faqs={[
+      gridVariant="three-columns-all-equal-width"
-        {
+      useInvertedBackground={false}
-          id: "f1",
+      title="What Visitors Say"
-          title: "Is parking free?",
+      description="Our mall maintains a 4.0 rating based on hundreds of happy shopper experiences."
-          content: "We offer both free street parking and paid lot parking.",
+      testimonials={[
-        },
+          { id: "r1", name: "John D.", role: "Shopper", company: "Mall Visit", rating: 4, imageSrc: "https://img.freepik.com/free-photo/happy-man_1147-156.jpg" },
-        {
+          { id: "r2", name: "Sarah M.", role: "Parent", company: "Family Day", rating: 5, imageSrc: "https://img.freepik.com/free-photo/happy-woman_1147-157.jpg" },
-          id: "f2",
+          { id: "r3", name: "Robert K.", role: "Customer", company: "Electronics", rating: 4, imageSrc: "https://img.freepik.com/free-photo/happy-man-2_1147-158.jpg" }
-          title: "Are there accessible toilets?",
-          content: "Yes, we have multiple wheelchair-accessible toilets.",
-        },
-        {
-          id: "f3",
-          title: "Do you accept credit cards?",
-          content: "Yes, we accept major credit cards.",
-        },
       ]}
-      mediaAnimation="slide-up"
-      title="Common Questions"
-      description="Quick information about our mall."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9605.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Visit Us"
       title="Ready to Plan Your Visit?"
-      description="We are open daily to welcome you and your family."
+      description="For any inquiries, contact our customer service desk at 9846399776. We are open daily to welcome you and your family."
-      buttons={[
+      buttons={[{ text: "Get Directions", href: "#" }]}
-        {
-          text: "Get Directions",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Mall Info", items: [{ label: "About Us", href: "#" }] },
-          title: "Mall Info",
+        { title: "Services", items: [{ label: "Contact", href: "#contact" }] },
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Amenities",
-          items: [
-            {
-              label: "Parking",
-              href: "#parking",
-            },
-            {
-              label: "Accessible Facilities",
-              href: "#amenities",
-            },
-          ],
-        },
       ]}
       bottomLeftText="© 2024 CG Landmark Mall."
       bottomRightText="All rights reserved."
@@ -361,4 +119,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}