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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Achievers Brand"
|
||||
/>
|
||||
@@ -55,43 +44,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Redefine Your Style"
|
||||
description="Achievers Brand brings you premium quality apparel designed for the modern trendsetter. Experience luxury and comfort in every stitch."
|
||||
tag="New Season"
|
||||
background={{ 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."
|
||||
tag="Exclusive Collection"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-nude-woman-front-view_23-2149428734.jpg"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmanship"
|
||||
title="Our Commitment"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Active",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Happy Clients",
|
||||
value: "50k+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Quality Grade",
|
||||
value: "A++",
|
||||
},
|
||||
{ icon: Award, label: "Years of Excellence", value: "10+" },
|
||||
{ icon: CheckCircle, label: "Happy Clients", value: "50k+" },
|
||||
{ icon: Shield, label: "Quality Standards", value: "A++" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,26 +70,13 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="We blend high-end design with sustainable practices for clothing that matters."
|
||||
title="Crafted for You"
|
||||
description="We combine heritage artistry with contemporary silhouettes to bring you clothing that makes a statement."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Materials",
|
||||
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.",
|
||||
},
|
||||
{ id: "f1", title: "Sourced Quality", content: "We select only the finest raw materials for our collections." },
|
||||
{ id: "f2", title: "Ethical Production", content: "Our processes ensure fairness and sustainability at every stage." },
|
||||
{ id: "f3", title: "Customized Fit", content: "Designed by professionals to suit the modern individual." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647251.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -131,149 +88,25 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Tee",
|
||||
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",
|
||||
},
|
||||
{ id: "p1", name: "Signature Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg" },
|
||||
{ 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" },
|
||||
{ id: "p3", name: "Essential Chinos", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg" },
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Explore our curated collection for this season."
|
||||
title="Featured Products"
|
||||
description="Shop the latest arrivals from Achievers Brand."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
cardTitle="What They Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<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",
|
||||
},
|
||||
testimonials={[
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,42 +114,16 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Get in touch with Achievers Brand today for any inquiries or collaborations."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at 42 Omasi Street or reach us via 0817 525 3698 to discuss your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Brand", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Achievers Brand."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -325,4 +132,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user