Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Sparkles } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="solid"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Artistry", id: "/" },
+              { name: "Contact", id: "/" },
+            ]}
+            brandName="Dazzling Dreams"
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Mission"
+            title="Dazzling Dreams: A Community of Creators"
+            description="We believe that creativity is a universal language that heals, connects, and inspires. Our studio serves as a sanctuary for artists of all backgrounds to explore new techniques, share stories, and grow together."
+            subdescription="Founded on the principles of inclusivity and experimentation, we invite everyone to discover their hidden potential in our welcoming, non-judgmental environment."
+            icon={Sparkles}
+            imageSrc="http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg?_wi=1"
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Contact", href: "/" }, { label: "Privacy", href: "#" }] },
+            ]}
+            logoText="Dazzling Dreams"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,14 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Artistry",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Artistry", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Dazzling Dreams"
     />
@@ -44,42 +40,23 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Unleash Your Creativity at Dazzling Dreams"
       description="Where art meets imagination. Join our vibrant community and bring your artistic dreams to life with guided crafts and painting workshops."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-cute-young-woman-with-palette-brushes-hands_259150-60644.jpg",          alt: "Artist 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-girl-with-colorful-hair-black-apron-white-t-shirt-holding-mug-with-pottery-tools-hands-dreamily-looking-aside-pottery-studio_574295-932.jpg",          alt: "Artist 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-96209.jpg",          alt: "Artist 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-artist-with-color-palette_23-2148002555.jpg",          alt: "Artist 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-seamstress-shirt-thoughtfully-choosing-colorful-thread-while-work-with-fabric-modern-sewing-workshop_574295-3758.jpg",          alt: "Artist 5"},
-      ]}
-      buttons={[
-        {
-          text: "Book a Workshop",          href: "#contact"},
+        { src: "http://img.b2bpic.net/free-photo/smiling-cute-young-woman-with-palette-brushes-hands_259150-60644.jpg", alt: "Artist 1" },
+        { src: "http://img.b2bpic.net/free-photo/pretty-girl-with-colorful-hair-black-apron-white-t-shirt-holding-mug-with-pottery-tools-hands-dreamily-looking-aside-pottery-studio_574295-932.jpg", alt: "Artist 2" },
+        { src: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-96209.jpg", alt: "Artist 3" },
+        { src: "http://img.b2bpic.net/free-photo/female-artist-with-color-palette_23-2148002555.jpg", alt: "Artist 4" },
+        { src: "http://img.b2bpic.net/free-photo/young-seamstress-shirt-thoughtfully-choosing-colorful-thread-while-work-with-fabric-modern-sewing-workshop_574295-3758.jpg", alt: "Artist 5" },
       ]}
+      buttons={[{ text: "Book a Workshop", href: "#contact" }]}
       marqueeItems={[
-        {
-          type: "text-icon",          text: "Vibrant Workshops",          icon: Palette,
-        },
-        {
-          type: "text-icon",          text: "Expert Guidance",          icon: Users,
-        },
-        {
-          type: "text-icon",          text: "All Skill Levels",          icon: Star,
-        },
-        {
-          type: "text-icon",          text: "Creative Supplies",          icon: Feather,
-        },
-        {
-          type: "text-icon",          text: "Join Today",          icon: Sparkles,
-        },
+        { type: "text-icon", text: "Vibrant Workshops", icon: Palette },
+        { type: "text-icon", text: "Expert Guidance", icon: Users },
+        { type: "text-icon", text: "All Skill Levels", icon: Star },
+        { type: "text-icon", text: "Creative Supplies", icon: Feather },
+        { type: "text-icon", text: "Join Today", icon: Sparkles },
       ]}
     />
   </div>
@@ -104,12 +81,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Painting Workshops",          description: "Express yourself through vibrant colors and guided acrylic painting sessions.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-master-with-tools_114579-12246.jpg?_wi=1"},
-        {
-          title: "Pottery & Sculpture",          description: "Get hands-on with clay and learn the art of molding and crafting ceramics.",          imageSrc: "http://img.b2bpic.net/free-photo/sculptors-couple-working-with-clay-studio-together_23-2149986259.jpg?_wi=1"},
-        {
-          title: "Creative Illustration",          description: "Master sketching and detailed drawing techniques in a supportive studio environment.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paper-colorful-paint-table_23-2149632412.jpg?_wi=1"},
+        { title: "Painting Workshops", description: "Express yourself through vibrant colors and guided acrylic painting sessions.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-master-with-tools_114579-12246.jpg?_wi=1" },
+        { title: "Pottery & Sculpture", description: "Get hands-on with clay and learn the art of molding and crafting ceramics.", imageSrc: "http://img.b2bpic.net/free-photo/sculptors-couple-working-with-clay-studio-together_23-2149986259.jpg?_wi=1" },
+        { title: "Creative Illustration", description: "Master sketching and detailed drawing techniques in a supportive studio environment.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paper-colorful-paint-table_23-2149632412.jpg?_wi=1" },
       ]}
       title="Explore Our Artistic Worlds"
       description="We offer a diverse range of artistic mediums tailored to all skill levels. Whether you are picking up a brush for the first time or perfecting your craft, we have a place for you."
@@ -121,16 +95,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Emma W.",          date: "Oct 2023",          title: "Incredible Experience",          quote: "The workshops are so therapeutic! I never thought I could paint like this.",          tag: "Painting Class",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-cute-young-woman-with-palette-brushes-hands_259150-60644.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/human-hands-working-it-yourself-project_23-2151509407.jpg",          imageAlt: "vibrant art and craft creative workshop"},
-        {
-          id: "2",          name: "Mark D.",          date: "Sep 2023",          title: "Fun for all",          quote: "Fantastic atmosphere. The instructors make every project feel achievable.",          tag: "Clay Workshop",          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-colorful-hair-black-apron-white-t-shirt-holding-mug-with-pottery-tools-hands-dreamily-looking-aside-pottery-studio_574295-932.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg?_wi=2",          imageAlt: "friendly artist in craft studio"},
-        {
-          id: "3",          name: "Sarah L.",          date: "Aug 2023",          title: "Great community",          quote: "I found a new hobby and made great friends here. Dazzling Dreams is truly special.",          tag: "General Art",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-96209.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-master-with-tools_114579-12246.jpg?_wi=2",          imageAlt: "abstract painting workshop creative art"},
-        {
-          id: "4",          name: "Jason K.",          date: "Jul 2023",          title: "Highly recommended",          quote: "Professional, fun, and very welcoming. Can't wait for the next session!",          tag: "Sketching",          avatarSrc: "http://img.b2bpic.net/free-photo/female-artist-with-color-palette_23-2148002555.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/sculptors-couple-working-with-clay-studio-together_23-2149986259.jpg?_wi=2",          imageAlt: "pottery crafting creative studio class"},
-        {
-          id: "5",          name: "Nina R.",          date: "Jun 2023",          title: "Wonderful Studio",          quote: "An amazing space to escape and just create freely. Pure joy.",          tag: "Crafts",          avatarSrc: "http://img.b2bpic.net/free-photo/young-seamstress-shirt-thoughtfully-choosing-colorful-thread-while-work-with-fabric-modern-sewing-workshop_574295-3758.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paper-colorful-paint-table_23-2149632412.jpg?_wi=2",          imageAlt: "drawing and sketching art class"},
+        { id: "1", name: "Emma W.", date: "Oct 2023", title: "Incredible Experience", quote: "The workshops are so therapeutic! I never thought I could paint like this.", tag: "Painting Class", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-cute-young-woman-with-palette-brushes-hands_259150-60644.jpg", imageSrc: "http://img.b2bpic.net/free-photo/human-hands-working-it-yourself-project_23-2151509407.jpg" },
+        { id: "2", name: "Mark D.", date: "Sep 2023", title: "Fun for all", quote: "Fantastic atmosphere. The instructors make every project feel achievable.", tag: "Clay Workshop", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-colorful-hair-black-apron-white-t-shirt-holding-mug-with-pottery-tools-hands-dreamily-looking-aside-pottery-studio_574295-932.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg?_wi=2" },
+        { id: "3", name: "Sarah L.", date: "Aug 2023", title: "Great community", quote: "I found a new hobby and made great friends here. Dazzling Dreams is truly special.", tag: "General Art", avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-96209.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-master-with-tools_114579-12246.jpg?_wi=2" },
+        { id: "4", name: "Jason K.", date: "Jul 2023", title: "Highly recommended", quote: "Professional, fun, and very welcoming. Can't wait for the next session!", tag: "Sketching", avatarSrc: "http://img.b2bpic.net/free-photo/female-artist-with-color-palette_23-2148002555.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sculptors-couple-working-with-clay-studio-together_23-2149986259.jpg?_wi=2" },
+        { id: "5", name: "Nina R.", date: "Jun 2023", title: "Wonderful Studio", quote: "An amazing space to escape and just create freely. Pure joy.", tag: "Crafts", avatarSrc: "http://img.b2bpic.net/free-photo/young-seamstress-shirt-thoughtfully-choosing-colorful-thread-while-work-with-fabric-modern-sewing-workshop_574295-3758.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paper-colorful-paint-table_23-2149632412.jpg?_wi=2" },
       ]}
       title="Loved by Our Aspiring Artists"
       description="Hear from the wonderful creative minds who have discovered their talent at Dazzling Dreams."
@@ -140,39 +109,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       text="Ready to bring your art and craft dreams to life? Visit Dazzling Dreams or book your session today to start your next masterpiece."
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "https://maps.app.goo.gl/TDR6KW8XXXySM69TA"},
-      ]}
+      buttons={[{ text: "Contact Us Now", href: "https://maps.app.goo.gl/TDR6KW8XXXySM69TA" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Workshops",              href: "#features"},
-            {
-              label: "Reviews",              href: "#testimonials"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Location",              href: "https://maps.app.goo.gl/TDR6KW8XXXySM69TA"},
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { items: [{ label: "About", href: "/about" }, { label: "Workshops", href: "#features" }, { label: "Reviews", href: "#testimonials" }] },
+        { items: [{ label: "Location", href: "https://maps.app.goo.gl/TDR6KW8XXXySM69TA" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       logoText="Dazzling Dreams"
     />
@@ -180,4 +127,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}