Add src/app/about/page.tsx
This commit is contained in:
175
src/app/about/page.tsx
Normal file
175
src/app/about/page.tsx
Normal file
@@ -0,0 +1,175 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Quote, Zap, HelpCircle, Heart } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Labubi Store"
|
||||
navItems={[
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Collections", id: "features" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="About Labubu Store"
|
||||
description="Discover our passion for bringing premium collectible figures to enthusiasts worldwide. We're dedicated to authenticity, quality, and community."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-playing-theme-park_23-2148287918.jpg"
|
||||
imageAlt="About us hero"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={false}
|
||||
buttons={[
|
||||
{ text: "Shop Collection", href: "#" },
|
||||
{ text: "Get in Touch", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
title="Founded on a passion for authentic collectibles and the joy of discovery."
|
||||
description="Since 2015, Labubu Store has been the trusted destination for serious collectors."
|
||||
subdescription="Serving the global collectible community"
|
||||
icon={Quote}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg"
|
||||
imageAlt="Our team"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="values" data-section="values">
|
||||
<FeatureCardThree
|
||||
title="Our Core Values"
|
||||
description="What drives us to deliver the best collectible experience every single day."
|
||||
tag="What We Stand For"
|
||||
tagIcon={Zap}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Authenticity First", description: "Every figure is verified and certified. We guarantee 100% genuine products with complete transparency.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pink-play-dough-monster_23-2149554794.jpg?_wi=2"},
|
||||
{
|
||||
id: "02", title: "Customer Obsessed", description: "Your satisfaction is our success. We go above and beyond to support our community of collectors.", imageSrc: "http://img.b2bpic.net/free-photo/blue-play-dough-monster-with-one-eye_23-2149554796.jpg?_wi=2"},
|
||||
{
|
||||
id: "03", title: "Quality Commitment", description: "We meticulously inspect every piece before it reaches you. Excellence is non-negotiable.", imageSrc: "http://img.b2bpic.net/free-photo/animated-lemon-bottle-still-life_23-2149911050.jpg?_wi=2"},
|
||||
{
|
||||
id: "04", title: "Community Building", description: "We foster a vibrant global community where collectors connect, share, and celebrate their passion.", imageSrc: "http://img.b2bpic.net/free-photo/half-cat-colorful-paper_53876-18268.jpg?_wi=2"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="About Us FAQs"
|
||||
description="Common questions about Labubu Store and our mission."
|
||||
tag="Learn More"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "When was Labubu Store founded?", content: "Labubu Store was founded in 2015 by a team of passionate collectors who wanted to share their love for premium vinyl figures with the world."},
|
||||
{
|
||||
id: "2", title: "How do you ensure authenticity?", content: "We partner exclusively with official distributors and verify every piece through multi-point inspection. Each figure comes with a certificate of authenticity."},
|
||||
{
|
||||
id: "3", title: "What is your community like?", content: "Our community includes thousands of collectors worldwide who participate in exclusive events, trading groups, and discussions about rare finds and new releases."},
|
||||
{
|
||||
id: "4", title: "Do you offer any membership programs?", content: "Yes, our VIP membership program offers early access to limited editions, exclusive discounts, and invitations to collector events."},
|
||||
{
|
||||
id: "5", title: "How can I contact the team?", content: "You can reach us via email at support@labubistore.com, through our contact form, or visit our physical showroom in major cities worldwide."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Connect With Us"
|
||||
tagIcon={Heart}
|
||||
title="Let's Build Your Collection Together"
|
||||
description="Have questions? Want to share your collection? Reach out to our team. We'd love to hear from you."
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "#" },
|
||||
{ text: "Visit Our Store", href: "#" },
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Labubu Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "#" },
|
||||
{ label: "New Arrivals", href: "#" },
|
||||
{ label: "Limited Editions", href: "#" },
|
||||
{ label: "Best Sellers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Learn", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Why Labubu", href: "#" },
|
||||
{ label: "Collecting Guide", href: "#" },
|
||||
{ label: "Authentication", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Discord Community", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Labubu Store. All collectibles are officially licensed and authenticated."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user