Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Location", id: "/location" },
+                { name: "Contact", id: "/contact" },
+            ]}
+          />
+        </div>
+        <div id="about" data-section="about" className="pt-32 pb-20">
+          <TextSplitAbout
+            title="About Our Neighborhood Shop"
+            description={["Our journey began with a simple passion for high-quality artisan goods and a desire to bring our community together."]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="Local Business"
+            imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg?_wi=1"
+            columns={[
+                { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
+                { title: "Contact", items: [{ label: "Call Us", href: "tel:5550123" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Gallery", id: "/gallery" },
+                { name: "Location", id: "/location" },
+                { name: "Contact", id: "/contact" },
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg?_wi=2"
+            logoText="Local Business"
+            columns={[
+                { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }, { label: "Location", href: "/location" }] },
+                { title: "Contact", items: [{ label: "Call Us", href: "tel:5550123" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/location/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function LocationPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Location", id: "/location" },
+                { name: "Contact", id: "/contact" },
+            ]}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-8 min-h-[60vh]">
+            <h1 className="text-4xl font-bold mb-6">Visit Us</h1>
+            <p className="text-lg mb-4">We are located in the heart of the neighborhood at 123 Artisan Way.</p>
+            <p className="text-lg">Our doors are open Monday through Saturday for all your home good needs.</p>
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="Local Business"
+            imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg?_wi=3"
+            columns={[
+                { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Location", href: "/location" }] },
+                { title: "Contact", items: [{ label: "Call Us", href: "tel:5550123" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,22 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/#about" },
+        { name: "Services", id: "/services" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Location", id: "/location" },
+        { name: "Contact", id: "/#contact" },
       ]}
       brandName="Local Business"
     />
@@ -54,16 +44,10 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="Local Business"
-      description="Welcome to our neighborhood shop. We bring quality, care, and local charm to everything we offer. Experience the difference of a business rooted in our community."
+      description="Welcome to our neighborhood shop. We specialize in high-quality artisan home goods and personalized gifting services, bringing curated, unique products directly to our community."
       buttons={[
-        {
-          text: "Visit Us",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:5550123",
-        },
+        { text: "Visit Us", href: "/location" },
+        { text: "Call Now", href: "tel:5550123" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wedding-salon-with-white-gowns-mannequins_107791-15861.jpg"
       imageAlt="Our charming storefront"
@@ -75,39 +59,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Our Story"
       description={[
-        "Founded with a passion for excellence, our shop serves as a hub for the community. We prioritize quality ingredients and personalized service in every interaction.",
-        "Our mission is to create a welcoming space where every customer feels valued and understood. From our curated selections to our expert staff, we are here for you.",
-      ]}
-    />
-  </div>
-
-  <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Premium Selection",
-          description: "Hand-selected items meeting our highest quality standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/famous-fashion-designer-shopping-clothing-items-accessories-store_482257-93112.jpg",
-          imageAlt: "Professional services shop display",
-        },
-        {
-          title: "Expert Guidance",
-          description: "Professional support tailored to your unique requirements.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182579.jpg",
-          imageAlt: "Diverse business service range",
-        },
-        {
-          title: "Local Craftsmanship",
-          description: "Supporting local artisans and bringing you the best designs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg",
-          imageAlt: "Featured store selection",
-        },
-      ]}
-      title="Our Products & Services"
-      description="Explore our curated list of high-quality items and services crafted to enhance your lifestyle."
+        "Founded with a passion for excellence, our shop serves as a hub for the community. We prioritize quality ingredients and personalized service in every interaction.",        "Our mission is to create a welcoming space where every customer feels valued and understood. From our curated selections to our expert staff, we are here for you."]}
     />
   </div>
 
@@ -116,46 +68,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          title: "Excellent Quality",
-          quote: "The best experience I've had in the neighborhood. Quality is unmatched.",
-          name: "John Doe",
-          role: "Regular Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
-        },
-        {
-          id: "2",
-          title: "Highly Recommend",
-          quote: "Friendly service and a wonderful selection. Truly a hidden gem.",
-          name: "Jane Smith",
-          role: "Local Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
-        },
-        {
-          id: "3",
-          title: "Great Atmosphere",
-          quote: "I always leave with a smile. The staff here are incredible.",
-          name: "Alex Johnson",
-          role: "Frequent Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-warehouse_107420-96564.jpg",
-        },
-        {
-          id: "4",
-          title: "Authentic Experience",
-          quote: "Real products, real people. You can't ask for better service.",
-          name: "Sarah Miller",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-shopping-mall-talking-phone_23-2148225605.jpg",
-        },
-        {
-          id: "5",
-          title: "Wonderful Find",
-          quote: "I'm so glad I found this place. Everything is perfect.",
-          name: "Michael Brown",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-bag-friend_23-2147950284.jpg",
-        },
+        { id: "1", title: "Excellent Quality", quote: "The best experience I've had in the neighborhood. Quality is unmatched.", name: "John Doe", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
+        { id: "2", title: "Highly Recommend", quote: "Friendly service and a wonderful selection. Truly a hidden gem.", name: "Jane Smith", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
+        { id: "3", title: "Great Atmosphere", quote: "I always leave with a smile. The staff here are incredible.", name: "Alex Johnson", role: "Frequent Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-warehouse_107420-96564.jpg" },
       ]}
       title="Customer Stories"
       description="Hear what our wonderful customers have to say about their experience."
@@ -167,21 +82,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "What are your opening hours?",
-          content: "We are open Monday to Saturday from 9 AM to 8 PM.",
-        },
-        {
-          id: "2",
-          title: "Do you offer delivery?",
-          content: "Yes, we offer local delivery services for your convenience.",
-        },
-        {
-          id: "3",
-          title: "Can I reserve items?",
-          content: "Absolutely! Please contact us via phone to secure your items.",
-        },
+        { id: "1", title: "What are your opening hours?", content: "We are open Monday to Saturday from 9 AM to 8 PM." },
+        { id: "2", title: "Do you offer delivery?", content: "Yes, we offer local delivery services for your convenience." },
       ]}
       title="Common Questions"
       description="Everything you need to know about our business and services."
@@ -193,15 +95,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "Partner A",
-        "Partner B",
-        "Partner C",
-        "Partner D",
-        "Partner E",
-        "Partner F",
-        "Partner G",
-      ]}
+      names={["Partner A", "Partner B", "Partner C", "Partner D"]}
       title="Trusted By The Community"
       description="Proudly serving our neighborhood for over a decade."
     />
@@ -210,21 +104,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Ready to Experience Our Service?"
       description="Drop by our shop or contact us directly to learn more about our offerings."
       buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-        {
-          text: "Call Now",
-          href: "tel:5550123",
-        },
+        { text: "Contact Us", href: "#" },
+        { text: "Call Now", href: "tel:5550123" },
       ]}
     />
   </div>
@@ -234,36 +120,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg"
       logoText="Local Business"
       columns={[
-        {
-          title: "Pages",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "tel:5550123",
-            },
-            {
-              label: "Visit Us",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }, { label: "Location", href: "/location" }] },
+        { title: "Contact", items: [{ label: "Call Us", href: "tel:5550123" }] },
       ]}
       copyrightText="© 2025 Local Business | All Rights Reserved"
       imageAlt="peaceful shop interior warm"
@@ -272,4 +130,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Gallery", id: "/gallery" },
+                { name: "Location", id: "/location" },
+                { name: "Contact", id: "/contact" },
+            ]}
+          />
+        </div>
+        <div id="services" data-section="services" className="pt-32">
+          <FeatureCardMedia
+            title="Our Premium Services"
+            description="Discover the range of services we offer to help you and your home thrive."
+            animationType="slide-up"
+            features={[
+                { id: "f1", title: "Artisan Consulting", description: "Personalized guidance for your home interior.", tag: "Expert" },
+                { id: "f2", title: "Custom Gifting", description: "Bespoke gift baskets for every occasion.", tag: "Unique" },
+                { id: "f3", title: "Local Repairs", description: "High-quality repairs for your household goods.", tag: "Quality" }
+            ]}
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854844.jpg?_wi=4"
+            logoText="Local Business"
+            columns={[
+                { title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }, { label: "Location", href: "/location" }] },
+                { title: "Contact", items: [{ label: "Call Us", href: "tel:5550123" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}