Add src/app/about/page.tsx
This commit is contained in:
148
src/app/about/page.tsx
Normal file
148
src/app/about/page.tsx
Normal 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"
|
||||
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"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user