bender/894a5517-c770-405d-a0be-df1dd0822fb9
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-13 19:32:51 +00:00
parent 5621bfe4fa
commit 5b6d126d7f
1 changed files with 60 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/app/about/page.tsx
View File

@@ -1,13 +1,13 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Award, Mail } from "lucide-react";
import { Award, Mail, Heart } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -22,26 +22,23 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Shop",
items: [
{ label: "All Products", href: "/" },
{ label: "New Arrivals", href: "/" },
{ label: "Best Sellers", href: "/best-sellers" },
{ label: "Brands", href: "/" },
title: "Shop", items: [
{ label: "All Products", href: "/shop" },
{ label: "New Arrivals", href: "/shop" },
{ label: "Best Sellers", href: "/shop" },
{ label: "Brands", href: "/brands" },
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Blog", href: "/" },
{ label: "Careers", href: "#" },
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Shipping & Returns", href: "/" },
{ label: "FAQ", href: "/" },
{ label: "Size Guide", href: "#" },
@@ -49,8 +46,7 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -74,9 +70,10 @@ export default function AboutPage() {
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="garraagarmzz"
navItems={navItems}
button={{ text: "Shop Now", href: "/" }}
brandName="garraagarmzz"
button={{
text: "Shop Now", href: "/shop"}}
animateOnLoad={true}
className="bg-opacity-95"
navItemClassName="text-sm font-medium"
@@ -85,86 +82,64 @@ export default function AboutPage() {
/>
</div>
<div id="about-hero" data-section="about-hero" className="mx-auto px-4 md:px-6">
<HeroSplitDoubleCarousel
title="Our Story"
description="garraagarmzz was founded with a mission to make premium streetwear and designer fashion accessible to everyone. We curate the best collections from the world's most coveted brands."
tag="Since 2020"
tagIcon={Sparkles}
<div id="about-hero" data-section="about-hero">
<HeroBillboardScroll
title="About garraagarmzz"
description="We are passionate about bringing you authentic, curated fashion from the world's most prestigious brands. Our mission is to make premium streetwear and designer fashion accessible to everyone."
tag="Our Story"
tagIcon={Heart}
tagAnimation="slide-up"
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-woman-dressed-white-dress-sitting-summer-open-air-theatre-chair-alone-spring-street-style-fashion-trend-accessories-traveling-with-backpack-skinny-legs-sandals_285396-4543.jpg?_wi=1",
imageAlt: "Premium sneakers display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-79.jpg?_wi=1",
imageAlt: "Fashion accessories collection",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432326.jpg?_wi=1",
imageAlt: "Streetwear collection showcase",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pleased-well-dressed-male-model-sitting-stairs-fashionable-african-guy-enjoying-photoshoot-steps_197531-22070.jpg?_wi=1",
imageAlt: "Designer clothing lineup",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Au4xEqHY25puXwRvhmCQoNVTvJ/uploaded-1773430165306-v6fvqpuq.png"
imageAlt="About garraagarmzz - our fashion collection"
buttons={[
{ text: "Shop Our Collections", href: "/" },
{ text: "Learn More", href: "/about" },
{ text: "Shop Now", href: "/shop" },
{ text: "Learn More", href: "#about-mission" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
ariaLabel="About page hero section"
/>
</div>
<div id="social-proof-brands" data-section="social-proof-brands" className="mx-auto px-4 md:px-6">
<SocialProofOne
title="Our Brand Partners"
description="We partner with over 50+ premium fashion brands to bring you the most exclusive and authentic collections."
tag="Brand Partners"
<div id="about-mission" data-section="about-mission">
<TestimonialAboutCard
tag="Our Mission"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
names={[
"Nike",
"Adidas",
"Supreme",
"Stüssy",
"Carhartt WIP",
"The North Face",
"Balenciaga",
"Dickies",
"Vans",
"Converse",
]}
logos={[
"http://img.b2bpic.net/free-vector/ballet-studio-logo-template-design_742173-17939.jpg",
"http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752880.jpg",
"http://img.b2bpic.net/free-vector/flat-design-gratis-label-collection_23-2149889390.jpg",
"http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition_1284-52940.jpg",
"http://img.b2bpic.net/free-vector/labor-day-badge-collection_23-2148094629.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-adventure-badges-nature_23-2147543057.jpg",
"http://img.b2bpic.net/free-vector/luxury-logo-design-template_23-2150881456.jpg",
"http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-44291.jpg",
"http://img.b2bpic.net/free-vector/set-drawings_1284-45834.jpg",
"http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583922.jpg",
]}
buttons={[{ text: "Explore All Brands", href: "/" }]}
buttonAnimation="slide-up"
speed={40}
showCard={true}
ariaLabel="Partner brands marquee"
title="Curating Premium Fashion"
description="garraagarmzz was founded with a simple mission: to connect fashion enthusiasts with authentic, high-quality pieces from the world's most coveted brands."
subdescription="We carefully curate each collection to ensure authenticity, quality, and style. Every item is sourced from authorized retailers and undergoes rigorous quality verification before reaching our customers."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes_158538-1617.jpg"
imageAlt="Fashion collection showcase"
mediaAnimation="slide-up"
useInvertedBackground={false}
ariaLabel="Our mission section"
/>
</div>
<div id="newsletter-contact" data-section="newsletter-contact" className="mx-auto px-4 md:px-6">
<div id="about-values" data-section="about-values">
<SocialProofOne
title="Why Choose Us"
description="We are committed to delivering exceptional value and service to our customers through authenticity, quality, and customer care."
tag="Our Values"
tagIcon={Heart}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
names=[
"100% Authentic", "Expert Curation", "Fast Shipping", "Easy Returns", "Premium Quality", "Customer First"]
logos={[
"http://img.b2bpic.net/free-vector/ballet-studio-logo-template-design_742173-17939.jpg", "http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752880.jpg", "http://img.b2bpic.net/free-vector/flat-design-gratis-label-collection_23-2149889390.jpg", "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition_1284-52940.jpg", "http://img.b2bpic.net/free-vector/labor-day-badge-collection_23-2148094629.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-adventure-badges-nature_23-2147543057.jpg"]}
buttons={[{ text: "Explore Collection", href: "/shop" }]}
buttonAnimation="slide-up"
speed={40}
showCard={true}
ariaLabel="Our values and commitments"
/>
</div>
<div id="newsletter-contact" data-section="newsletter-contact">
<ContactCenter
tag="Stay Connected"
title="Join Our Community"
@@ -190,4 +165,4 @@ export default function AboutPage() {
</div>
</ThemeProvider>
);
}
}