Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 226bd178c2 | |||
| 1e1106fc39 | |||
| 7f84594f2d |
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home",
|
{ name: "Products", id: "products" },
|
||||||
id: "home",
|
{ name: "About", id: "about" },
|
||||||
},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Collection",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Achievers Brand"
|
brandName="Achievers Brand"
|
||||||
/>
|
/>
|
||||||
@@ -55,43 +44,24 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
title="Achievers Brand"
|
||||||
}}
|
description="Redefining modern style with premium apparel for the trendsetters of tomorrow. Experience comfort and luxury in every piece."
|
||||||
title="Redefine Your Style"
|
tag="Exclusive Collection"
|
||||||
description="Achievers Brand brings you premium quality apparel designed for the modern trendsetter. Experience luxury and comfort in every stitch."
|
|
||||||
tag="New Season"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-nude-woman-front-view_23-2149428734.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/black-white-nude-woman-front-view_23-2149428734.jpg"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
buttons={[
|
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||||
{
|
|
||||||
text: "Shop Collection",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Craftsmanship"
|
title="Our Commitment"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Award, label: "Years of Excellence", value: "10+" },
|
||||||
icon: Award,
|
{ icon: CheckCircle, label: "Happy Clients", value: "50k+" },
|
||||||
label: "Years Active",
|
{ icon: Shield, label: "Quality Standards", value: "A++" },
|
||||||
value: "10+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: CheckCircle,
|
|
||||||
label: "Happy Clients",
|
|
||||||
value: "50k+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Shield,
|
|
||||||
label: "Quality Grade",
|
|
||||||
value: "A++",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -100,26 +70,13 @@ export default function LandingPage() {
|
|||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentyOne
|
<FeatureCardTwentyOne
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Why Choose Us"
|
title="Crafted for You"
|
||||||
description="We blend high-end design with sustainable practices for clothing that matters."
|
description="We combine heritage artistry with contemporary silhouettes to bring you clothing that makes a statement."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{ id: "f1", title: "Sourced Quality", content: "We select only the finest raw materials for our collections." },
|
||||||
id: "f1",
|
{ id: "f2", title: "Ethical Production", content: "Our processes ensure fairness and sustainability at every stage." },
|
||||||
title: "Premium Materials",
|
{ id: "f3", title: "Customized Fit", content: "Designed by professionals to suit the modern individual." },
|
||||||
content: "Sourced from the finest suppliers globally.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Sustainable Fashion",
|
|
||||||
content: "Designed with eco-friendly ethics in mind.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Tailored Fit",
|
|
||||||
content: "Engineered for maximum comfort and style.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647251.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647251.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -131,149 +88,25 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Signature Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Premium Jacket", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-checked-shirt-jean-jacket-putting-index-finger-chin-while-raising-hand-head-looking-pretty_176474-87005.jpg" },
|
||||||
name: "Modern Tee",
|
{ id: "p3", name: "Essential Chinos", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg" },
|
||||||
price: "$45",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Denim Jacket",
|
|
||||||
price: "$120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-checked-shirt-jean-jacket-putting-index-finger-chin-while-raising-hand-head-looking-pretty_176474-87005.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Slim Chinos",
|
|
||||||
price: "$85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Leather Belt",
|
|
||||||
price: "$50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-belt_53876-33678.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Seasonal Parka",
|
|
||||||
price: "$180",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Essential Hoodie",
|
|
||||||
price: "$65",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-fashionable-woman-with-her-hands-pocket_23-2148187398.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Latest Arrivals"
|
title="Featured Products"
|
||||||
description="Explore our curated collection for this season."
|
description="Shop the latest arrivals from Achievers Brand."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
cardTitle="What They Say"
|
||||||
{
|
cardTag="Testimonials"
|
||||||
id: "1",
|
|
||||||
name: "Sarah Miller",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-wearing-ruff_23-2148184628.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "John Doe",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3564.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily Chen",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Mark Stevens",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-eyeglasses_171337-3732.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Lisa Wong",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149163359.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="Client Stories"
|
|
||||||
cardTag="Reviews"
|
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
/>
|
testimonials={[
|
||||||
</div>
|
{ id: "1", name: "Amina Balogun", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-wearing-ruff_23-2148184628.jpg" },
|
||||||
|
{ id: "2", name: "Chinedu Okafor", imageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3564.jpg" },
|
||||||
<div id="faq" data-section="faq">
|
{ id: "3", name: "Folake Adeyemi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg" },
|
||||||
<FaqDouble
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "q1",
|
|
||||||
title: "Shipping times?",
|
|
||||||
content: "Standard delivery takes 3-5 days.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Return policy?",
|
|
||||||
content: "Free returns within 30 days.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "How to size?",
|
|
||||||
content: "Check our detailed size guide online.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Need Help?"
|
|
||||||
description="Common questions about our brand and services."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="blog" data-section="blog">
|
|
||||||
<BlogCardThree
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Style Insights"
|
|
||||||
description="Fashion tips and news from our team."
|
|
||||||
blogs={[
|
|
||||||
{
|
|
||||||
id: "b1",
|
|
||||||
category: "Style",
|
|
||||||
title: "Minimalism 101",
|
|
||||||
excerpt: "The art of simple dressing.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-presenting-soft-cotton-plain-gray-sweatshirt-with-black-jeans-isolated-white_346278-965.jpg",
|
|
||||||
authorName: "Jane Doe",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/happy-woman-good-mood-with-pierced-tongue-oversized-jeans-jacket-high-waisted-jeans-posing_197531-19172.jpg",
|
|
||||||
date: "Oct 1, 2023",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "b2",
|
|
||||||
category: "Tips",
|
|
||||||
title: "Layering Guide",
|
|
||||||
excerpt: "Prepare for the colder days.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-2000s-fashion-style-posing-with-camera_23-2149442830.jpg",
|
|
||||||
authorName: "Jane Doe",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-hiding-face-hat-peeking-left_176420-20654.jpg",
|
|
||||||
date: "Oct 5, 2023",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "b3",
|
|
||||||
category: "News",
|
|
||||||
title: "Fall Collection",
|
|
||||||
excerpt: "Explore the new seasonal launch.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-young-fashionable-caucasian-brunette-woman-with-red-lipstick-wears-black-clothes-glasses-holds-glass-booze-indoors_197531-32093.jpg",
|
|
||||||
authorName: "Jane Doe",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-wearing-ruff_23-2148184633.jpg",
|
|
||||||
date: "Oct 10, 2023",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -281,42 +114,16 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
text="Visit us at 42 Omasi Street or reach us via 0817 525 3698 to discuss your needs."
|
||||||
}}
|
|
||||||
text="Get in touch with Achievers Brand today for any inquiries or collaborations."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Brand", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||||
title: "Company",
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Achievers Brand."
|
bottomLeftText="© 2024 Achievers Brand."
|
||||||
bottomRightText="All rights reserved."
|
bottomRightText="All rights reserved."
|
||||||
@@ -325,4 +132,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user