Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,148 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Heart, Users, Star, Rocket } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "Features", id: "features" },
+            { name: "About", id: "/about" },
+            { name: "Team", id: "team" },
+            { name: "Contact", id: "contact" }
+          ]}
+          brandName="Blueprint"
+          bottomLeftText="Creative Community"
+          bottomRightText="hello@blueprint.studio"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="About Blueprint"
+          description="Discover the story behind Blueprint, a platform built by creatives for creatives. We're on a mission to empower artists, designers, and innovators worldwide."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Our Mission"
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Join Us", href: "#contact" },
+            { text: "Learn More", href: "#about" }
+          ]}
+          buttonAnimation="blur-reveal"
+          imageSrc="http://img.b2bpic.net/free-photo/executive-meeting-with-data-visualization-business-growth_84443-74008.jpg?id=426493077&_wi=1"
+          imageAlt="Blueprint Creative Studio"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <MediaAbout
+          title="Building the Future of Creativity"
+          description="Blueprint was founded on the belief that every creative deserves a platform to shine. We're committed to fostering a global community where artists, designers, and innovators can connect, collaborate, and create amazing work together."
+          tag="Our Story"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/executive-meeting-with-data-visualization-business-growth_84443-74008.jpg?id=426493077&_wi=2"
+          imageAlt="Blueprint Creative Studio"
+          useInvertedBackground={false}
+          buttons={[{ text: "Join Our Community", href: "#contact" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardSix
+          title="Meet the Creative Minds"
+          description="Our team brings together diverse expertise in design, technology, and community building to create the ultimate creative platform."
+          tag="Our Team"
+          tagIcon={Users}
+          tagAnimation="blur-reveal"
+          members={[
+            { id: "1", name: "Alexandra Chen", role: "Founder & Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=1", imageAlt: "Alexandra Chen" },
+            { id: "2", name: "Marcus Johnson", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg?_wi=1", imageAlt: "Marcus Johnson" },
+            { id: "3", name: "Sofia Rodriguez", role: "Community Manager", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=1", imageAlt: "Sofia Rodriguez" },
+            { id: "4", name: "James Patterson", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=2", imageAlt: "James Patterson" }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardOne
+          title="Loved by Creatives Worldwide"
+          description="Hear from designers, artists, and creators who have transformed their careers with Blueprint."
+          tag="Testimonials"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          testimonials={[
+            { id: "1", name: "Emily Watson", role: "Graphic Designer", company: "Creative Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=3", imageAlt: "Emily Watson" },
+            { id: "2", name: "David Kim", role: "UX/UI Designer", company: "Tech Innovations", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=2", imageAlt: "David Kim" },
+            { id: "3", name: "Lucia Martinez", role: "Illustrator", company: "Independent", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", imageAlt: "Lucia Martinez" },
+            { id: "4", name: "Thomas Chen", role: "Art Director", company: "Design Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg?_wi=2", imageAlt: "Thomas Chen" }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Get Started"
+          title="Join the Creative Revolution"
+          description="Connect with thousands of creatives, showcase your work, and grow your career. Sign up for Blueprint today and unlock endless possibilities."
+          tagIcon={Rocket}
+          tagAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/female-business-leader-collaborative-meeting-feeling-sick-stressed_482257-123888.jpg"
+          imageAlt="Join Blueprint"
+          mediaAnimation="blur-reveal"
+          mediaPosition="left"
+          inputPlaceholder="your@email.com"
+          buttonText="Get Started Free"
+          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We respect your creative work and your privacy."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Blueprint"
+          columns={[
+            { title: "Platform", items: [{ label: "Explore", href: "#features" }, { label: "Portfolios", href: "#" }, { label: "Opportunities", href: "#" }, { label: "Community", href: "#" }] },
+            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
+            { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Community", href: "#" }] },
+            { title: "Connect", items: [{ label: "Twitter", href: "https://twitter.com" }, { label: "Instagram", href: "https://instagram.com" }, { label: "LinkedIn", href: "https://linkedin.com" }, { label: "Discord", href: "https://discord.com" }] }
+          ]}
+          copyrightText="© 2025 Blueprint. All rights reserved. Celebrating creativity worldwide."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Home", id: "hero" },
             { name: "Features", id: "features" },
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Team", id: "team" },
             { name: "Contact", id: "contact" }
           ]}
@@ -51,10 +51,10 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           buttons={[
             { text: "Explore Now", href: "features" },
-            { text: "Learn More", href: "about" }
+            { text: "Learn More", href: "/about" }
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/food-background-food-concept-with-various-tasty-fresh-ingredients-cooking-italian-food-ingredients-view-from-with-copy-space_1220-1373.jpg?id=1159939"
+          imageSrc="http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-glamour-sensual-young-stylish-lady-wearing-trendy-fall-outfit-black-hat-street_231208-10649.jpg?id=13813755"
           imageAlt="Blueprint Creative Hub Studio"
           mediaAnimation="slide-up"
           avatars={[
@@ -89,111 +89,12 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
-        <MediaAbout
-          title="Building the Future of Creativity"
-          description="Blueprint was founded on the belief that every creative deserves a platform to shine. We're committed to fostering a global community where artists, designers, and innovators can connect, collaborate, and create amazing work together."
-          tag="Our Story"
-          tagIcon={Heart}
-          tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/executive-meeting-with-data-visualization-business-growth_84443-74008.jpg?id=426493077"
-          imageAlt="Blueprint Creative Studio"
-          useInvertedBackground={false}
-          buttons={[{ text: "Join Our Community", href: "contact" }]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="team" data-section="team">
-        <TeamCardSix
-          title="Meet the Creative Minds"
-          description="Our team brings together diverse expertise in design, technology, and community building to create the ultimate creative platform."
-          tag="Our Team"
-          tagIcon={Users}
-          tagAnimation="blur-reveal"
-          members={[
-            { id: "1", name: "Alexandra Chen", role: "Founder & Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=1", imageAlt: "Alexandra Chen" },
-            { id: "2", name: "Marcus Johnson", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg?_wi=1", imageAlt: "Marcus Johnson" },
-            { id: "3", name: "Sofia Rodriguez", role: "Community Manager", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=1", imageAlt: "Sofia Rodriguez" },
-            { id: "4", name: "James Patterson", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=2", imageAlt: "James Patterson" }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
-          title="Loved by Creatives Worldwide"
-          description="Hear from designers, artists, and creators who have transformed their careers with Blueprint."
-          tag="Testimonials"
-          tagIcon={Star}
-          tagAnimation="slide-up"
-          testimonials={[
-            { id: "1", name: "Emily Watson", role: "Graphic Designer", company: "Creative Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=3", imageAlt: "Emily Watson" },
-            { id: "2", name: "David Kim", role: "UX/UI Designer", company: "Tech Innovations", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=2", imageAlt: "David Kim" },
-            { id: "3", name: "Lucia Martinez", role: "Illustrator", company: "Independent", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", imageAlt: "Lucia Martinez" },
-            { id: "4", name: "Thomas Chen", role: "Art Director", company: "Design Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg?_wi=2", imageAlt: "Thomas Chen" }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="faq" data-section="faq">
-        <FaqSplitMedia
-          title="Frequently Asked Questions"
-          description="Get answers to common questions about Blueprint and how to make the most of your creative journey."
-          tag="Help"
-          tagIcon={HelpCircle}
-          tagAnimation="blur-reveal"
-          faqs={[
-            { id: "1", title: "How do I create my portfolio on Blueprint?", content: "Creating a portfolio is easy! Sign up for a free account, customize your profile with your bio and image, and start uploading your work. You can organize projects by category, add descriptions, and showcase different styles of your creativity." },
-            { id: "2", title: "Is Blueprint free to use?", content: "Yes! Blueprint offers a free tier with essential features including portfolio creation, community access, and basic analytics. We also offer premium plans with advanced collaboration tools, unlimited projects, and priority support." },
-            { id: "3", title: "How can I collaborate with other creatives?", content: "Blueprint's collaboration tools make teamwork seamless. Use our project management features, send and receive feedback, share files securely, and communicate with other creatives through integrated messaging." },
-            { id: "4", title: "Can I sell my work through Blueprint?", content: "Yes! Blueprint integrates with payment processors, allowing you to sell digital downloads, prints, and services directly to your audience. We provide tools to manage pricing, inventory, and transactions securely." },
-            { id: "5", title: "How do I protect my intellectual property?", content: "Blueprint provides robust IP protection features including watermarking, download restrictions, usage rights management, and secure file storage. All your work is encrypted and protected by our advanced security systems." },
-            { id: "6", title: "What opportunities are available on Blueprint?", content: "Our opportunities board features freelance projects, design competitions, collaboration calls, and client requests. You can filter by category, skill level, and compensation to find opportunities that match your interests and expertise." }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg"
-          imageAlt="Blueprint Creative Hub"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          faqsAnimation="slide-up"
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get Started"
-          title="Join the Creative Revolution"
-          description="Connect with thousands of creatives, showcase your work, and grow your career. Sign up for Blueprint today and unlock endless possibilities."
-          tagIcon={Rocket}
-          tagAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/female-business-leader-collaborative-meeting-feeling-sick-stressed_482257-123888.jpg"
-          imageAlt="Join Blueprint"
-          mediaAnimation="blur-reveal"
-          mediaPosition="left"
-          inputPlaceholder="your@email.com"
-          buttonText="Get Started Free"
-          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We respect your creative work and your privacy."
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="Blueprint"
           columns={[
             { title: "Platform", items: [{ label: "Explore", href: "#features" }, { label: "Portfolios", href: "#" }, { label: "Opportunities", href: "#" }, { label: "Community", href: "#" }] },
-            { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
+            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
             { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Community", href: "#" }] },
             { title: "Connect", items: [{ label: "Twitter", href: "https://twitter.com" }, { label: "Instagram", href: "https://instagram.com" }, { label: "LinkedIn", href: "https://linkedin.com" }, { label: "Discord", href: "https://discord.com" }] }
           ]}