12 Commits

Author SHA1 Message Date
716a2a14eb Update src/app/page.tsx 2026-04-02 04:33:36 +00:00
95d1ce322a Update src/app/about/page.tsx 2026-03-09 10:31:33 +00:00
00ec97e1de Update src/app/page.tsx 2026-03-09 10:30:43 +00:00
62f301a552 Add src/app/about/page.tsx 2026-03-09 10:30:43 +00:00
5d686ee9cd Merge version_1 into main
Merge version_1 into main
2026-03-09 10:29:52 +00:00
47e2303f7f Merge version_1 into main
Merge version_1 into main
2026-03-09 10:28:56 +00:00
c3f8d4b9a0 Merge version_1 into main
Merge version_1 into main
2026-03-09 10:28:35 +00:00
6b154d2b4a Merge version_1 into main
Merge version_1 into main
2026-03-09 10:27:26 +00:00
acf017d15c Merge version_1 into main
Merge version_1 into main
2026-03-09 10:25:44 +00:00
e46deb85bb Merge version_1 into main
Merge version_1 into main
2026-03-02 21:54:04 +00:00
c44a97ee65 Merge version_1 into main
Merge version_1 into main
2026-03-02 21:53:08 +00:00
6c4c3ffa3f Merge version_1 into main
Merge version_1 into main
2026-03-02 21:51:50 +00:00
2 changed files with 152 additions and 103 deletions

148
src/app/about/page.tsx Normal file
View File

@@ -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>
);
}

View File

@@ -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" }] }
]}