Compare commits
38 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 55cc9d3433 | |||
| aa46a86536 | |||
| 020175467a | |||
| fe78152c44 | |||
| a248bdf749 | |||
| 5caaf2818e | |||
| e121bff10c | |||
| 6b4258b709 | |||
| c68c2fed2a | |||
| 125adbd29c | |||
| 9199d2cbf6 | |||
| 45f6315b8b | |||
| c7d45f3f97 | |||
| 63b68361ae | |||
| 5f4d7447fc | |||
| 68ccdbeabc | |||
| b19be049da | |||
| d2e0f6298c | |||
| fce5468155 | |||
| 2252ae59aa | |||
| 9db6f6832b | |||
| 7d3090e55d | |||
| b2a0e23d7f | |||
| a8d229d818 | |||
| 1ab716b7d5 | |||
| 41aff91f8e | |||
| b249802e61 | |||
| 76f2e4d2ce | |||
| 56d5a41382 | |||
| e29db29e14 | |||
| 6fa8a673f6 | |||
| 78def5644d | |||
| d71f4eff59 | |||
| be2a36adcc | |||
| b9a0855188 | |||
| f3895c705d | |||
| d39ddded5c | |||
| bf047482f8 |
@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
|||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||||
import { Package, ShoppingCart, Sparkles, Truck, Users } from "lucide-react";
|
import { HeartHandshake, Package, ShoppingCart, Sparkles, Truck, Users } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -28,31 +28,21 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "/products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About Us",
|
name: "About Us", id: "/about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "/faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "/contact"},
|
||||||
id: "contact",
|
{
|
||||||
},
|
name: "Cart", id: "/cart"}
|
||||||
]}
|
]}
|
||||||
brandName="DropStore"
|
brandName="DropStore"
|
||||||
button={{
|
button={{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "/products"}}
|
||||||
href: "#products",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -64,19 +54,13 @@ export default function LandingPage() {
|
|||||||
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."
|
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={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Curated Selection",
|
title: "Curated Selection", description: "Hand-picking only the most trending and high-quality products for you.", icon: Package,
|
||||||
description: "Hand-picking only the most trending and high-quality products for you.",
|
|
||||||
icon: Package,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Customer-Centric Service",
|
title: "Customer-Centric Service", description: "Our support team is dedicated to ensuring your complete satisfaction.", icon: HeartHandshake,
|
||||||
description: "Our support team is dedicated to ensuring your complete satisfaction.",
|
|
||||||
icon: HeartHandshake,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Effortless Experience",
|
title: "Effortless Experience", description: "From browsing to checkout, we strive for a seamless shopping journey.", icon: ShoppingCart,
|
||||||
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"
|
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"
|
||||||
@@ -92,19 +76,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Truck,
|
icon: Truck,
|
||||||
label: "Orders Delivered",
|
label: "Orders Delivered", value: "500K+"},
|
||||||
value: "500K+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
label: "Happy Customers",
|
label: "Happy Customers", value: "100K+"},
|
||||||
value: "100K+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Sparkles,
|
icon: Sparkles,
|
||||||
label: "Trending Products",
|
label: "Trending Products", value: "1.5K+"},
|
||||||
value: "1.5K+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -117,26 +95,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
team={[
|
team={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
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."
|
description="Our dedicated team works tirelessly to bring you the best products and shopping experience, driven by passion and innovation."
|
||||||
@@ -147,58 +110,35 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "All Products",
|
label: "All Products", href: "/products"},
|
||||||
href: "/products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "New Arrivals",
|
label: "New Arrivals", href: "/products?filter=new"},
|
||||||
href: "/products?filter=new",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Best Sellers",
|
label: "Best Sellers", href: "/products?filter=bestsellers"},
|
||||||
href: "/products?filter=bestsellers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Deals",
|
label: "Deals", href: "/products?filter=deals"},
|
||||||
href: "/products?filter=deals",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "/about"},
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "/contact"},
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "/careers"},
|
||||||
href: "/careers",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "/faq"},
|
||||||
href: "/faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Shipping & Returns",
|
label: "Shipping & Returns", href: "/shipping"},
|
||||||
href: "/shipping",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Track Your Order",
|
label: "Track Your Order", href: "/track-order"},
|
||||||
href: "/track-order",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
43
src/app/cart/page.tsx
Normal file
43
src/app/cart/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
|
|
||||||
|
export default function CartPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="bounce-effect"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="smallMedium"
|
||||||
|
sizing="mediumSizeLargeTitles"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="gradient-radial"
|
||||||
|
primaryButtonStyle="flat"
|
||||||
|
secondaryButtonStyle="layered"
|
||||||
|
headingFontWeight="extrabold"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarLayoutFloatingOverlay
|
||||||
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "Products", id: "/products" },
|
||||||
|
{ name: "About Us", id: "/about" },
|
||||||
|
{ name: "FAQ", id: "/faq" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
{ name: "Cart", id: "/cart" }
|
||||||
|
]}
|
||||||
|
brandName="DropStore"
|
||||||
|
button={{
|
||||||
|
text: "Shop Now", href: "/products"}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="min-h-screen py-20 flex items-center justify-center">
|
||||||
|
<h1 className="text-4xl font-bold">Your Cart</h1>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
43
src/app/checkout/page.tsx
Normal file
43
src/app/checkout/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
|
|
||||||
|
export default function CheckoutPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="bounce-effect"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="smallMedium"
|
||||||
|
sizing="mediumSizeLargeTitles"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="gradient-radial"
|
||||||
|
primaryButtonStyle="flat"
|
||||||
|
secondaryButtonStyle="layered"
|
||||||
|
headingFontWeight="extrabold"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarLayoutFloatingOverlay
|
||||||
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "Products", id: "/products" },
|
||||||
|
{ name: "About Us", id: "/about" },
|
||||||
|
{ name: "FAQ", id: "/faq" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
{ name: "Cart", id: "/cart" }
|
||||||
|
]}
|
||||||
|
brandName="DropStore"
|
||||||
|
button={{
|
||||||
|
text: "Shop Now", href: "/products"}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="min-h-screen py-20 flex items-center justify-center">
|
||||||
|
<h1 className="text-4xl font-bold">Checkout</h1>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
43
src/app/order-confirmation/page.tsx
Normal file
43
src/app/order-confirmation/page.tsx
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
|
|
||||||
|
export default function OrderConfirmationPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="bounce-effect"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="smallMedium"
|
||||||
|
sizing="mediumSizeLargeTitles"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="gradient-radial"
|
||||||
|
primaryButtonStyle="flat"
|
||||||
|
secondaryButtonStyle="layered"
|
||||||
|
headingFontWeight="extrabold"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarLayoutFloatingOverlay
|
||||||
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "Products", id: "/products" },
|
||||||
|
{ name: "About Us", id: "/about" },
|
||||||
|
{ name: "FAQ", id: "/faq" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
{ name: "Cart", id: "/cart" }
|
||||||
|
]}
|
||||||
|
brandName="DropStore"
|
||||||
|
button={{
|
||||||
|
text: "Shop Now", href: "/products"}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="min-h-screen py-20 flex items-center justify-center">
|
||||||
|
<h1 className="text-4xl font-bold">Order Confirmed!</h1>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,69 +32,44 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About Us",
|
name: "About Us", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="DropStore"
|
brandName="DropStore"
|
||||||
button={{
|
button={{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#products"}}
|
||||||
href: "#products",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Your World, Delivered. Effortless Shopping Starts Here."
|
title="Your World, Delivered. Effortless Shopping Starts Here."
|
||||||
description="Discover a curated selection of trending products, shipped directly to your door. Quality, convenience, and style at your fingertips."
|
description="Discover a curated selection of trending products, shipped directly to your door. Quality, convenience, and style at your fingertips."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg", alt: "Customer 1"},
|
||||||
alt: "Customer 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-vector/positive-background-with-three-emoticons_23-2147628295.jpg",
|
src: "http://img.b2bpic.net/free-vector/positive-background-with-three-emoticons_23-2147628295.jpg", alt: "Customer 2"},
|
||||||
alt: "Customer 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729675.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729675.jpg", alt: "Customer 3"},
|
||||||
alt: "Customer 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-holding-beer-glass-looking-camera_23-2148154021.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-young-man-holding-beer-glass-looking-camera_23-2148154021.jpg", alt: "Customer 4"},
|
||||||
alt: "Customer 4",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by thousands of happy customers."
|
avatarText="Trusted by thousands of happy customers."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Products",
|
text: "Explore Products", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -107,45 +82,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Tech Innovations", name: "Wireless Earbuds Pro", price: "$79.99", rating: 5,
|
||||||
brand: "Tech Innovations",
|
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-virtual-reality-headset_23-2148775908.jpg?_wi=1", imageAlt: "Wireless Earbuds Pro"},
|
||||||
name: "Wireless Earbuds Pro",
|
|
||||||
price: "$79.99",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120 reviews",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-virtual-reality-headset_23-2148775908.jpg?_wi=1",
|
|
||||||
imageAlt: "Wireless Earbuds Pro",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "Home & Hearth", name: "Ceramic Plant Pot Set", price: "$45.00", rating: 4,
|
||||||
brand: "Home & Hearth",
|
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646532.jpg?_wi=1", imageAlt: "Ceramic Plant Pot Set"},
|
||||||
name: "Ceramic Plant Pot Set",
|
|
||||||
price: "$45.00",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "85 reviews",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646532.jpg?_wi=1",
|
|
||||||
imageAlt: "Ceramic Plant Pot Set",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", brand: "Fashion Forward", name: "Unisex Hoodie Comfort", price: "$59.99", rating: 5,
|
||||||
brand: "Fashion Forward",
|
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg?_wi=1", imageAlt: "Unisex Hoodie Comfort"},
|
||||||
name: "Unisex Hoodie Comfort",
|
|
||||||
price: "$59.99",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "150 reviews",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg?_wi=1",
|
|
||||||
imageAlt: "Unisex Hoodie Comfort",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", brand: "Kitchen Master", name: "Multi-function Blender", price: "$120.00", rating: 4,
|
||||||
brand: "Kitchen Master",
|
reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36696.jpg?_wi=1", imageAlt: "Multi-function Blender"},
|
||||||
name: "Multi-function Blender",
|
|
||||||
price: "$120.00",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "90 reviews",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36696.jpg?_wi=1",
|
|
||||||
imageAlt: "Multi-function Blender",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Trending Collections"
|
title="Our Trending Collections"
|
||||||
description="Hand-picked items for every lifestyle. Find what you love, effortlessly."
|
description="Hand-picked items for every lifestyle. Find what you love, effortlessly."
|
||||||
@@ -159,18 +106,10 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Fast & Reliable Shipping",
|
title: "Fast & Reliable Shipping", description: "Experience quick delivery straight to your doorstep. We partner with trusted carriers to ensure your items arrive safely and on time.", 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=1", imageAlt: "Fast delivery truck"},
|
||||||
description: "Experience quick delivery straight to your doorstep. We partner with trusted carriers to ensure your items arrive safely and on time.",
|
|
||||||
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=1",
|
|
||||||
imageAlt: "Fast delivery truck",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Curated Quality Products",
|
title: "Curated Quality Products", description: "Every item in our store is hand-picked for its quality, style, and value. Shop with confidence knowing you're getting the best.", imageSrc: "http://img.b2bpic.net/free-vector/certified-extended-warranty-shield-badge-with-tick-mark-design_1017-61519.jpg?_wi=1", imageAlt: "Magnifying glass over product"},
|
||||||
description: "Every item in our store is hand-picked for its quality, style, and value. Shop with confidence knowing you're getting the best.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/certified-extended-warranty-shield-badge-with-tick-mark-design_1017-61519.jpg?_wi=1",
|
|
||||||
imageAlt: "Magnifying glass over product",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Shop With Us?"
|
title="Why Shop With Us?"
|
||||||
description="We make dropshipping simple and delightful for you."
|
description="We make dropshipping simple and delightful for you."
|
||||||
@@ -182,9 +121,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Story"
|
title="Our Story"
|
||||||
description={[
|
description={[
|
||||||
"At DropStore, we believe in bringing joy and convenience to your shopping experience. We scour the globe for unique, high-quality products that you'll love, and deliver them right to your doorstep, hassle-free.",
|
"At DropStore, we believe in bringing joy and convenience to your shopping experience. We scour the globe for unique, high-quality products that you'll love, and deliver them right to your doorstep, hassle-free.", "Our mission is to simplify online retail by providing a seamless platform for customers to discover innovative products without the complexity of traditional stores. We prioritize customer satisfaction and efficient service above all else."]}
|
||||||
"Our mission is to simplify online retail by providing a seamless platform for customers to discover innovative products without the complexity of traditional stores. We prioritize customer satisfaction and efficient service above all else.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -195,72 +132,34 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah Johnson", role: "Fashion Blogger", company: "StyleMaven", rating: 5,
|
||||||
name: "Sarah Johnson",
|
imageSrc: "http://img.b2bpic.net/free-photo/curly-lady-reaches-out-her-hand-man-sitting-before-bright-window-morning_1304-3321.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
||||||
role: "Fashion Blogger",
|
|
||||||
company: "StyleMaven",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-lady-reaches-out-her-hand-man-sitting-before-bright-window-morning_1304-3321.jpg?_wi=1",
|
|
||||||
imageAlt: "Sarah Johnson",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Michael Chen", role: "Tech Enthusiast", company: "GadgetGeek", rating: 5,
|
||||||
name: "Michael Chen",
|
imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-handsome-man-looking-camera-doing-you-gesture-isolated-green-wall_141793-113627.jpg?_wi=1", imageAlt: "Michael Chen"},
|
||||||
role: "Tech Enthusiast",
|
|
||||||
company: "GadgetGeek",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-handsome-man-looking-camera-doing-you-gesture-isolated-green-wall_141793-113627.jpg?_wi=1",
|
|
||||||
imageAlt: "Michael Chen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily Rodriguez", role: "Home Decorator", company: "Nestling Designs", rating: 5,
|
||||||
name: "Emily Rodriguez",
|
imageSrc: "http://img.b2bpic.net/free-photo/sideways-beautiful-female-friends-looking-away_23-2148694140.jpg?_wi=1", imageAlt: "Emily Rodriguez"},
|
||||||
role: "Home Decorator",
|
|
||||||
company: "Nestling Designs",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-beautiful-female-friends-looking-away_23-2148694140.jpg?_wi=1",
|
|
||||||
imageAlt: "Emily Rodriguez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David Kim", role: "Student", company: "University of Tech", rating: 5,
|
||||||
name: "David Kim",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg?_wi=1", imageAlt: "David Kim"},
|
||||||
role: "Student",
|
|
||||||
company: "University of Tech",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg?_wi=1",
|
|
||||||
imageAlt: "David Kim",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Jessica Lee", role: "Entrepreneur", company: "Innovate LLC", rating: 5,
|
||||||
name: "Jessica Lee",
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-dark-skinned-woman-wearing-stylish-turtleneck-smiling-positively-showing-thumbs-up-gesture_344912-1031.jpg", imageAlt: "Jessica Lee"},
|
||||||
role: "Entrepreneur",
|
{
|
||||||
company: "Innovate LLC",
|
id: "6", name: "Kevin White", role: "Marketing Specialist", company: "GrowthX Agency", rating: 4,
|
||||||
rating: 5,
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-hoodie_23-2148200676.jpg?_wi=1", imageAlt: "Kevin White"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-dark-skinned-woman-wearing-stylish-turtleneck-smiling-positively-showing-thumbs-up-gesture_344912-1031.jpg",
|
}
|
||||||
imageAlt: "Jessica Lee",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
id: "kpi-1",
|
id: "kpi-1", value: "100%", title: "Satisfaction", description: "Guaranteed quality and service.", icon: Shield,
|
||||||
value: "100%",
|
|
||||||
title: "Satisfaction",
|
|
||||||
description: "Guaranteed quality and service.",
|
|
||||||
icon: Shield,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "kpi-2",
|
id: "kpi-2", value: "24/7", title: "Support", description: "Always here to help you.", icon: Headphones,
|
||||||
value: "24/7",
|
|
||||||
title: "Support",
|
|
||||||
description: "Always here to help you.",
|
|
||||||
icon: Headphones,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "kpi-3",
|
id: "kpi-3", value: "50K+", title: "Products", description: "Explore our vast catalog.", icon: ShoppingBag,
|
||||||
value: "50K+",
|
|
||||||
title: "Products",
|
|
||||||
description: "Explore our vast catalog.",
|
|
||||||
icon: ShoppingBag,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="What Our Customers Say"
|
title="What Our Customers Say"
|
||||||
@@ -274,25 +173,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "How long does shipping take?", content: "Shipping times vary depending on your location and the specific product, but typically range from 7-20 business days. You'll receive a tracking number once your order is dispatched."},
|
||||||
title: "How long does shipping take?",
|
|
||||||
content: "Shipping times vary depending on your location and the specific product, but typically range from 7-20 business days. You'll receive a tracking number once your order is dispatched.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "What is your return policy?", content: "We offer a 30-day return policy for most items. If you're not satisfied with your purchase, please contact our support team to initiate a return or exchange."},
|
||||||
title: "What is your return policy?",
|
|
||||||
content: "We offer a 30-day return policy for most items. If you're not satisfied with your purchase, please contact our support team to initiate a return or exchange.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! International shipping rates and times will be calculated at checkout based on your delivery address."},
|
||||||
title: "Do you offer international shipping?",
|
|
||||||
content: "Yes, we ship worldwide! International shipping rates and times will be calculated at checkout based on your delivery address.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q4",
|
id: "q4", title: "How can I track my order?", content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey. You can also log in to your account for order updates."},
|
||||||
title: "How can I track my order?",
|
{
|
||||||
content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey. You can also log in to your account for order updates.",
|
id: "q5", title: "Can I cancel or change my order?", content: "Order changes or cancellations are possible within 24 hours of purchase, provided the item has not yet shipped. Please contact our support team immediately for assistance."}
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-looking-clipboard-drinking-coffee-isolated-purple-background_141793-84942.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-looking-clipboard-drinking-coffee-isolated-purple-background_141793-84942.jpg?_wi=1"
|
||||||
imageAlt="Customer support person answering questions"
|
imageAlt="Customer support person answering questions"
|
||||||
@@ -307,8 +196,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Get In Touch"
|
tag="Get In Touch"
|
||||||
title="We're Here to Help!"
|
title="We're Here to Help!"
|
||||||
description="Have a question about your order, a product, or just want to say hello? Reach out to us anytime."
|
description="Have a question about your order, a product, or just want to say hello? Reach out to us anytime."
|
||||||
@@ -322,56 +210,47 @@ export default function LandingPage() {
|
|||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Trending Products",
|
label: "Trending Products", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "New Arrivals",
|
label: "New Arrivals", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Best Sellers",
|
label: "Best Sellers", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Help Center", href: "#faq"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Order Status", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Shipping Policy",
|
label: "Returns", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "Store Info", items: [
|
||||||
|
{
|
||||||
|
label: "Address: 123 E-commerce St, Suite 400", href: "#"},
|
||||||
|
{
|
||||||
|
label: "Email: support@dropstore.com", href: "#contact"},
|
||||||
|
{
|
||||||
|
label: "Phone: +1 (555) 123-4567", href: "#"},
|
||||||
|
{
|
||||||
|
label: "Secure Payments", href: "#"}
|
||||||
|
],
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 DropStore. All rights reserved."
|
copyrightText="© 2024 DropStore. All rights reserved."
|
||||||
/>
|
/>
|
||||||
@@ -379,4 +258,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user