38 Commits

Author SHA1 Message Date
55cc9d3433 Merge version_2 into main
Merge version_2 into main
2026-03-26 10:02:35 +00:00
aa46a86536 Update src/app/page.tsx 2026-03-26 10:02:29 +00:00
020175467a Merge version_2 into main
Merge version_2 into main
2026-03-26 10:01:28 +00:00
fe78152c44 Add src/app/order-confirmation/page.tsx 2026-03-26 09:57:51 +00:00
a248bdf749 Add src/app/checkout/page.tsx 2026-03-26 09:57:51 +00:00
5caaf2818e Add src/app/cart/page.tsx 2026-03-26 09:57:50 +00:00
e121bff10c Update src/app/about/page.tsx 2026-03-26 09:57:50 +00:00
6b4258b709 Update src/app/order-confirmation/page.tsx 2026-03-26 09:56:10 +00:00
c68c2fed2a Update src/app/checkout/page.tsx 2026-03-26 09:56:10 +00:00
125adbd29c Update src/app/cart/page.tsx 2026-03-26 09:56:09 +00:00
9199d2cbf6 Update src/app/about/page.tsx 2026-03-26 09:56:08 +00:00
45f6315b8b Update src/app/page.tsx 2026-03-26 09:54:41 +00:00
c7d45f3f97 Update src/app/page.tsx 2026-03-26 09:53:02 +00:00
63b68361ae Update src/app/faq/page.tsx 2026-03-26 09:53:01 +00:00
5f4d7447fc Update src/app/contact/page.tsx 2026-03-26 09:53:01 +00:00
68ccdbeabc Update src/app/about/page.tsx 2026-03-26 09:53:00 +00:00
b19be049da Switch to version 1: remove src/app/shop/page.tsx 2026-03-26 09:52:09 +00:00
d2e0f6298c Switch to version 1: remove src/app/products/[productId]/page.tsx 2026-03-26 09:52:09 +00:00
fce5468155 Switch to version 1: remove src/app/order-confirmation/page.tsx 2026-03-26 09:52:09 +00:00
2252ae59aa Switch to version 1: remove src/app/checkout/page.tsx 2026-03-26 09:52:08 +00:00
9db6f6832b Switch to version 1: remove src/app/cart/page.tsx 2026-03-26 09:52:08 +00:00
7d3090e55d Switch to version 1: modified src/app/styles/variables.css 2026-03-26 09:52:07 +00:00
b2a0e23d7f Switch to version 1: modified src/app/page.tsx 2026-03-26 09:52:07 +00:00
a8d229d818 Switch to version 1: modified src/app/faq/page.tsx 2026-03-26 09:52:07 +00:00
1ab716b7d5 Switch to version 1: modified src/app/contact/page.tsx 2026-03-26 09:52:06 +00:00
41aff91f8e Switch to version 1: modified src/app/about/page.tsx 2026-03-26 09:52:06 +00:00
b249802e61 Merge version_2 into main
Merge version_2 into main
2026-03-26 09:49:42 +00:00
76f2e4d2ce Update src/app/styles/variables.css 2026-03-26 09:49:39 +00:00
56d5a41382 Add src/app/shop/page.tsx 2026-03-26 09:49:39 +00:00
e29db29e14 Add src/app/products/[productId]/page.tsx 2026-03-26 09:49:38 +00:00
6fa8a673f6 Update src/app/page.tsx 2026-03-26 09:49:38 +00:00
78def5644d Add src/app/order-confirmation/page.tsx 2026-03-26 09:49:38 +00:00
d71f4eff59 Update src/app/faq/page.tsx 2026-03-26 09:49:37 +00:00
be2a36adcc Update src/app/contact/page.tsx 2026-03-26 09:49:37 +00:00
b9a0855188 Add src/app/checkout/page.tsx 2026-03-26 09:49:36 +00:00
f3895c705d Add src/app/cart/page.tsx 2026-03-26 09:49:36 +00:00
d39ddded5c Update src/app/about/page.tsx 2026-03-26 09:49:35 +00:00
bf047482f8 Merge version_1 into main
Merge version_1 into main
2026-03-26 09:45:44 +00:00
5 changed files with 233 additions and 285 deletions

View File

@@ -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
View 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
View 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>
);
}

View 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>
);
}

View File

@@ -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>
); );
} }