Update src/app/about/page.tsx
This commit is contained in:
@@ -2,11 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import { Package, ShoppingCart, Sparkles, Truck, Users } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -21,72 +24,187 @@ export default function AboutPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", href: "/"},
|
||||
{
|
||||
name: "Products", href: "/#products"},
|
||||
{
|
||||
name: "About Us", href: "/about"},
|
||||
{
|
||||
name: "FAQ", href: "/faq"},
|
||||
{
|
||||
name: "Contact", href: "/contact"},
|
||||
]}
|
||||
brandName="DropStore"
|
||||
button={{
|
||||
text: "Shop Now", href: "/#products"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DropStore"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-content" data-section="about-content">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="About DropStore"
|
||||
description={[
|
||||
"DropStore is dedicated to providing a seamless online shopping experience, offering a hand-picked selection of trending products. Our journey began with a vision to connect customers with unique and high-quality items from around the globe, delivered right to their doorstep with ease.", "We pride ourselves on exceptional customer service, reliable shipping, and a commitment to quality. Our team works tirelessly to source products that meet our high standards, ensuring every purchase brings joy and value to our customers. Thank you for choosing DropStore as your trusted online shopping destination."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-us" data-section="about-us">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission at DropStore"
|
||||
description="At DropStore, we believe in making online shopping an effortless and enjoyable experience. We meticulously curate trending products, ensuring quality and value are at the forefront for our customers worldwide."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Curated Selection",
|
||||
description: "Hand-picking only the most trending and high-quality products for you.",
|
||||
icon: Package,
|
||||
},
|
||||
{
|
||||
title: "Customer-Centric Service",
|
||||
description: "Our support team is dedicated to ensuring your complete satisfaction.",
|
||||
icon: HeartHandshake,
|
||||
},
|
||||
{
|
||||
title: "Effortless Experience",
|
||||
description: "From browsing to checkout, we strive for a seamless shopping journey.",
|
||||
icon: ShoppingCart,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-delivery-man-red-uniform-cap-holding-large-box-package-suffering-from-heavy-weight-standing-orange-wall_141793-48146.jpg?_wi=3"
|
||||
imageAlt="Delivery man with a package, symbolizing efficient logistics"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Trending Products", href: "/#products"},
|
||||
{
|
||||
label: "New Arrivals", href: "/#products"},
|
||||
{
|
||||
label: "Best Sellers", href: "/#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ", href: "/faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 DropStore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact in Numbers"
|
||||
metrics={[
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Orders Delivered",
|
||||
value: "500K+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "100K+",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Trending Products",
|
||||
value: "1.5K+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="our-team" data-section="our-team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "CEO & Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729675.jpg",
|
||||
imageAlt: "Jane Doe",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Head of Product Curation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
||||
imageAlt: "John Smith",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily White",
|
||||
role: "Chief Marketing Officer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-holding-beer-glass-looking-camera_23-2148154021.jpg",
|
||||
imageAlt: "Emily White",
|
||||
},
|
||||
]}
|
||||
title="Meet the Visionaries Behind DropStore"
|
||||
description="Our dedicated team works tirelessly to bring you the best products and shopping experience, driven by passion and innovation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/products?filter=new",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/products?filter=bestsellers",
|
||||
},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "/products?filter=deals",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
},
|
||||
{
|
||||
label: "Track Your Order",
|
||||
href: "/track-order",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 DropStore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user