Merge version_1 into main #2
360
src/app/page.tsx
360
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Brands",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Brands", id: "products" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AccraStyle"
|
||||
/>
|
||||
@@ -55,108 +43,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background="aurora"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Discover Accra's Hottest Fashion & Services"
|
||||
description="Your marketplace for the best local tailors, streetwear brands, photographers, and creative services. Join the movement connecting Ghanaian youth to premium quality."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ama Serwaa",
|
||||
handle: "@ama_styles",
|
||||
testimonial: "I found the best local tailor in Osu through this platform. Exceptional quality!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-underground-hip-hop-musicians_23-2150932917.jpg?_wi=1",
|
||||
imageAlt: "streetwear fashion ghana youth model",
|
||||
},
|
||||
{
|
||||
name: "Kofi Mensah",
|
||||
handle: "@kofi_creative",
|
||||
testimonial: "A game-changer for finding photographers in Accra. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828328.jpg?_wi=1",
|
||||
imageAlt: "streetwear fashion ghana youth model",
|
||||
},
|
||||
{
|
||||
name: "Esi Adom",
|
||||
handle: "@esi_fashion",
|
||||
testimonial: "Connecting with local brands is so much easier now. Love the curation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-photo-logo-collection_23-2147639863.jpg?_wi=1",
|
||||
imageAlt: "streetwear fashion ghana youth model",
|
||||
},
|
||||
{
|
||||
name: "Kwame B.",
|
||||
handle: "@kwame_b",
|
||||
testimonial: "The best place to find unique streetwear drops in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-front-side_187299-39461.jpg?_wi=1",
|
||||
imageAlt: "streetwear fashion ghana youth model",
|
||||
},
|
||||
{
|
||||
name: "Adwoa O.",
|
||||
handle: "@adwoa_designs",
|
||||
testimonial: "Super fast delivery and top-notch customer service every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/save-front-side_187299-44781.jpg?_wi=1",
|
||||
imageAlt: "streetwear fashion ghana youth model",
|
||||
},
|
||||
{ name: "Ama Serwaa", handle: "@ama_styles", testimonial: "I found the best local tailor in Osu through this platform. Exceptional quality!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-underground-hip-hop-musicians_23-2150932917.jpg", imageAlt: "streetwear fashion ghana youth model" },
|
||||
{ name: "Kofi Mensah", handle: "@kofi_creative", testimonial: "A game-changer for finding photographers in Accra. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828328.jpg", imageAlt: "streetwear fashion ghana youth model" },
|
||||
{ name: "Esi Adom", handle: "@esi_fashion", testimonial: "Connecting with local brands is so much easier now. Love the curation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/flat-design-photo-logo-collection_23-2147639863.jpg", imageAlt: "streetwear fashion ghana youth model" },
|
||||
{ name: "Kwame B.", handle: "@kwame_b", testimonial: "The best place to find unique streetwear drops in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-front-side_187299-39461.jpg", imageAlt: "streetwear fashion ghana youth model" },
|
||||
{ name: "Adwoa O.", handle: "@adwoa_designs", testimonial: "Super fast delivery and top-notch customer service every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/save-front-side_187299-44781.jpg", imageAlt: "streetwear fashion ghana youth model" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "List Your Brand",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Services", href: "#features" },
|
||||
{ text: "List Your Brand", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-underground-hip-hop-musicians_23-2150932917.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-underground-hip-hop-musicians_23-2150932917.jpg"
|
||||
imageAlt="Fashionable young Ghanaian youth in Accra"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-holding-disposable-coffee-cup-workplace_23-2148187127.jpg",
|
||||
alt: "Smiling businesswoman holding disposable coffee cup in workplace",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
alt: "Businessman solving startup problems with laptop and archived documents",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-girl-with-laptop-office_23-2147787594.jpg",
|
||||
alt: "Charming girl with laptop in office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-sitting-office-suit-waiting-client-preparing-documentation_1258-194491.jpg",
|
||||
alt: "Businesswoman working on laptop sitting in office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/artistic-woman-painting-something_23-2147781689.jpg",
|
||||
alt: "Artistic woman painting something",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Fashion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Streetwear",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Services",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Hub",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,20 +69,11 @@ export default function LandingPage() {
|
||||
title="Empowering Local Creators"
|
||||
description="We bridge the gap between talented young Ghanaian creators and a market looking for authentic quality. From custom streetwear to professional event branding, we are the digital pulse of Accra's fashion scene."
|
||||
metrics={[
|
||||
{
|
||||
value: "50+",
|
||||
title: "Verified Local Brands",
|
||||
},
|
||||
{
|
||||
value: "1.2k+",
|
||||
title: "Successful Bookings",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "50+", title: "Verified Local Brands" },
|
||||
{ value: "1.2k+", title: "Successful Bookings" },
|
||||
{ value: "98%", title: "Customer Satisfaction" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828328.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-businesswoman-owner_23-2148828328.jpg"
|
||||
imageAlt="Tailor at work in a professional workshop"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -192,27 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Professional Photography",
|
||||
description: "High-quality lifestyle, event, and portrait photography sessions.",
|
||||
tag: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-photo-logo-collection_23-2147639863.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Custom Branding & Design",
|
||||
description: "Printing, branding, and graphic design for your clothing brand.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-front-side_187299-39461.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "On-Demand Delivery",
|
||||
description: "Reliable and fast delivery services for all your streetwear drops.",
|
||||
tag: "Logistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/save-front-side_187299-44781.jpg?_wi=2",
|
||||
},
|
||||
{ id: "f1", title: "Professional Photography", description: "High-quality lifestyle, event, and portrait photography sessions.", tag: "Creative", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-photo-logo-collection_23-2147639863.jpg" },
|
||||
{ id: "f2", title: "Custom Branding & Design", description: "Printing, branding, and graphic design for your clothing brand.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-front-side_187299-39461.jpg" },
|
||||
{ id: "f3", title: "On-Demand Delivery", description: "Reliable and fast delivery services for all your streetwear drops.", tag: "Logistics", imageSrc: "http://img.b2bpic.net/free-photo/save-front-side_187299-44781.jpg" },
|
||||
]}
|
||||
title="Services You Need"
|
||||
description="Professional services curated to elevate your personal style and brand projects."
|
||||
@@ -226,42 +102,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Logo Hoodie",
|
||||
price: "GHS 350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246147.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Runner Sneakers",
|
||||
price: "GHS 850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431172.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Snapback Cap",
|
||||
price: "GHS 120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-trucker-hat-still-life_23-2149504598.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Designer Tote Bag",
|
||||
price: "GHS 250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model-black-jacket-with-bag-bright-makeup-with-red-lips-with-perfect-clean-skin-studio_158538-12015.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Varsity Bomber Jacket",
|
||||
price: "GHS 600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1094.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Graphic Print Tee",
|
||||
price: "GHS 150",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esxuwd",
|
||||
},
|
||||
{ id: "p1", name: "Classic Logo Hoodie", price: "GHS 350", imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246147.jpg" },
|
||||
{ id: "p2", name: "Urban Runner Sneakers", price: "GHS 850", imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431172.jpg" },
|
||||
{ id: "p3", name: "Modern Snapback Cap", price: "GHS 120", imageSrc: "http://img.b2bpic.net/free-photo/creative-trucker-hat-still-life_23-2149504598.jpg" },
|
||||
]}
|
||||
title="Featured Streetwear Drops"
|
||||
description="Shop exclusive pieces from Accra's emerging designer labels."
|
||||
@@ -275,30 +118,10 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Kwame Osei",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Efua Mensah",
|
||||
role: "Lead Photographer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-holds-brush-her-mouth-thinks-black-background_114579-26025.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Adwoa Yeboah",
|
||||
role: "Beauty & Makeup Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Yaw Boateng",
|
||||
role: "Brand Operations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-pleased-guy-reads-latest-news-newspaper-records-some-notes-notepad-wears-glasses-t-shirt-enjoys-delicious-croissant-people-working-concept_273609-29627.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Kwame Osei", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg" },
|
||||
{ id: "t2", name: "Efua Mensah", role: "Lead Photographer", imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-holds-brush-her-mouth-thinks-black-background_114579-26025.jpg" },
|
||||
{ id: "t3", name: "Adwoa Yeboah", role: "Beauty & Makeup Artist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg" },
|
||||
{ id: "t4", name: "Yaw Boateng", role: "Brand Operations", imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-pleased-guy-reads-latest-news-newspaper-records-some-notes-notepad-wears-glasses-t-shirt-enjoys-delicious-croissant-people-working-concept_273609-29627.jpg" },
|
||||
]}
|
||||
title="Our Expert Team"
|
||||
description="Meet the creative minds building the platform for Accra's youth."
|
||||
@@ -310,13 +133,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AccraFashion",
|
||||
"StyleHub",
|
||||
"UrbanWear",
|
||||
"PrintMasters",
|
||||
"LensCraft",
|
||||
"BeautyPro",
|
||||
"LogiFast",
|
||||
"AccraFashion", "StyleHub", "UrbanWear", "PrintMasters", "LensCraft", "BeautyPro", "LogiFast"
|
||||
]}
|
||||
title="Trusted by Top Brands"
|
||||
description="Partnering with the industry's leaders in the fashion scene."
|
||||
@@ -329,46 +146,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Fantastic platform for finding quality services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovable-woman-with-trench-coat_197531-19748.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Very easy to book local artists. Great experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes-sitting-floor_158538-1423.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "I love the variety of local streetwear brands.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-beautiful-woman-linen-red-dress-black-belt-smiles-widely-holds-coffee-cup-computer-tablet-lady-sits-chair-cozy-room_197531-27870.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "The best place to find unique custom outfits.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-presenting-clothes_23-2149731164.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
handle: "@annap",
|
||||
testimonial: "Reliable and professional service every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-t-shirt-sitting-bricked-wall-outdoor-shot-charming-woman-trendy-sunglasses_197531-14507.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Fantastic platform for finding quality services.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovable-woman-with-trench-coat_197531-19748.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Very easy to book local artists. Great experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes-sitting-floor_158538-1423.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -381,21 +160,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How can I list my brand?",
|
||||
content: "You can apply via the contact form and our team will get in touch.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is booking secure?",
|
||||
content: "Yes, we prioritize verified and reliable service providers.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do payments work?",
|
||||
content: "We support mobile money and card payments for all services.",
|
||||
},
|
||||
{ id: "q1", title: "How can I list my brand?", content: "You can apply via the contact form and our team will get in touch." },
|
||||
{ id: "q2", title: "Is booking secure?", content: "Yes, we prioritize verified and reliable service providers." },
|
||||
{ id: "q3", title: "How do payments work?", content: "We support mobile money and card payments for all services." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers about booking services and listing your brand."
|
||||
@@ -409,24 +176,10 @@ export default function LandingPage() {
|
||||
title="Join Our Network"
|
||||
description="Ready to list your services or collaborate? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your brand",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your brand", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-interior-design_23-2148899442.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -434,45 +187,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Marketplace",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Brands",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Marketplace", items: [{ label: "Services", href: "#features" }, { label: "Brands", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="AccraStyle"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user