Merge version_4 into main

Merge version_4 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,14 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Directory", id: "directory" },
-        {
+        { name: "Services", id: "services" },
-          name: "Amenities",          id: "amenities"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="CG Landmark"
     />
@@ -49,185 +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",          content: "Experience True Accessibility"},
+        textboxLayout="split"
-        {
+        useInvertedBackground={false}
-          type: "image",          src: "http://img.b2bpic.net/free-photo/full-shot-disabled-man-taking-elevator_23-2149445630.jpg",          alt: "accessible mall ramp"},
+        features={[
-      ]}
+          { id: "f1", title: "Food & Drink", tags: ["KFC", "The Pizza House"] },
-    />
+          { id: "f2", title: "Clothing & Shoes", tags: ["Fashion Hub", "Shoe Palace"] },
-  </div>
+          { id: "f3", title: "Health & Beauty", tags: ["Shinir Photo and Video"] },
-
+          { id: "f4", title: "Electronics", tags: ["QFX Cinemas", "Gadget World"] },
-  <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",          name: "Alice D.",          role: "Mother",          testimonial: "The changing tables are perfectly located and very clean.",          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"},
+      products={[
-        {
+        { id: "p1", name: "KFC", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-meal_1203-7910.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: "p2", name: "The Pizza House", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slice_1203-7911.jpg" },
-        {
+        { id: "p3", name: "QFX Cinemas", price: "Entertainment", imageSrc: "http://img.b2bpic.net/free-photo/cinema-screen_1203-7912.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: "p4", name: "Shinir Photo and Video", price: "Services", imageSrc: "http://img.b2bpic.net/free-photo/photo-studio_1203-7913.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: "Is parking free?",          content: "We offer both free street parking and paid lot parking."},
+      title="What Visitors Say"
-        {
+      description="Our mall maintains a 4.0 rating based on hundreds of happy shopper experiences."
-          id: "f2",          title: "Are there accessible toilets?",          content: "Yes, we have multiple wheelchair-accessible toilets."},
+      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: "f3",          title: "Do you accept credit cards?",          content: "Yes, we accept major credit cards."},
+          { 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: "r3", name: "Robert K.", role: "Customer", company: "Electronics", rating: 4, imageSrc: "https://img.freepik.com/free-photo/happy-man-2_1147-158.jpg" }
       ]}
-      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="For any inquiries, contact our customer service desk at +1 (555) 123-4567. 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",          items: [
+        { title: "Services", items: [{ label: "Contact", href: "#contact" }] },
-            {
-              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."