Update src/app/page.tsx
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -9,7 +9,6 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { ShoppingBag, Star, Users } from "lucide-react";
|
||||
@@ -33,21 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Shop Ka Pon x Lius"
|
||||
/>
|
||||
@@ -56,63 +45,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Shop Ka Pon x Lius"
|
||||
description="Discover curated products for your lifestyle. High-quality goods, delivered straight to your door with love."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-romantic-cute-redhead-woman-prepared-gift-valentines-day-wrapped-present-pink-pape_1258-132697.jpg"
|
||||
imageAlt="Shop Ka Pon x Lius Hero Store"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-silly-cute-redhead-girl-with-passionate-admiring-look-biting-lip-have-desire-wish-holding_1258-126197.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-silly-cute-redhead-girl-with-passionate-admiring-look-biting-lip-have-desire-wish-holding_1258-126197.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-excited-man-face-mask-showing-shopping-bags-rejoicing-fr_1258-155392.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-excited-man-face-mask-showing-shopping-bags-rejoicing-fr_1258-155392.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera_1258-118763.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera_1258-118763.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join our 10,000+ happy shoppers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Shipping Worldwide",
|
||||
},
|
||||
type: "text", text: "Free Shipping Worldwide"},
|
||||
{
|
||||
type: "text",
|
||||
text: "30-Day Money Back Guarantee",
|
||||
},
|
||||
type: "text", text: "30-Day Money Back Guarantee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Checkout",
|
||||
},
|
||||
type: "text", text: "Secure Checkout"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Customer Support",
|
||||
},
|
||||
type: "text", text: "24/7 Customer Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "New Arrivals Weekly",
|
||||
},
|
||||
type: "text", text: "New Arrivals Weekly"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,75 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Quick deliveries nationwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-delivery-truck-with-box_23-2148790057.jpg",
|
||||
},
|
||||
title: "Fast Shipping", description: "Quick deliveries nationwide.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-delivery-truck-with-box_23-2148790057.jpg"},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Safe and encrypted checkout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-credit-card-international-payments-concept_23-2152012409.jpg",
|
||||
},
|
||||
title: "Secure Payments", description: "Safe and encrypted checkout.", imageSrc: "http://img.b2bpic.net/free-photo/global-credit-card-international-payments-concept_23-2152012409.jpg"},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "We are here to assist you anytime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-headset-used-by-call-center-agents-help-clients-telecommunication-with-technology-empty-customer-service-workstation-with-headphones-computers-modern-gadgets_482257-40834.jpg",
|
||||
},
|
||||
title: "24/7 Support", description: "We are here to assist you anytime.", imageSrc: "http://img.b2bpic.net/free-photo/audio-headset-used-by-call-center-agents-help-clients-telecommunication-with-technology-empty-customer-service-workstation-with-headphones-computers-modern-gadgets_482257-40834.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience superior shopping convenience and peace of mind."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic T-Shirt",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994247.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Bag",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pullover-camera-laid-near-coffee-pinecones_23-2147912476.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Designer Glasses",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-bottle-stand_23-2149234330.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist Watch",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-young-woman-with-skateboard-beautiful-summer-sunny-day_146671-18502.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leather Wallet",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10555.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Casual Sneakers",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-objects-fathers-day_23-2148097959.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trending Products"
|
||||
description="Our most popular items chosen just for you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
@@ -202,25 +110,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
description: "Served with pride",
|
||||
icon: Users,
|
||||
id: "m1", value: "10k+", title: "Happy Customers", description: "Served with pride", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Items Sold",
|
||||
description: "Quality goods",
|
||||
icon: ShoppingBag,
|
||||
id: "m2", value: "5k+", title: "Items Sold", description: "Quality goods", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Average Rating",
|
||||
description: "Consistent excellence",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9/5", title: "Average Rating", description: "Consistent excellence", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -233,30 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Wong",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Wong", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660753.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie Day", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660753.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148506477.jpg",
|
||||
},
|
||||
id: "t4", name: "Diana Prince", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148506477.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
},
|
||||
id: "t5", name: "Evan Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg"},
|
||||
]}
|
||||
cardTitle="Customer Stories"
|
||||
cardAnimation="slide-up"
|
||||
@@ -270,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is shipping?",
|
||||
content: "Orders typically arrive within 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "How long is shipping?", content: "Orders typically arrive within 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return an item?",
|
||||
content: "Yes, we offer a 30-day return policy for all items.",
|
||||
},
|
||||
id: "f2", title: "Can I return an item?", content: "Yes, we offer a 30-day return policy for all items."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my payment secure?",
|
||||
content: "Absolutely, we use industry-standard encryption for all transactions.",
|
||||
},
|
||||
id: "f3", title: "Is my payment secure?", content: "Absolutely, we use industry-standard encryption for all transactions."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know."
|
||||
@@ -296,14 +168,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Visa",
|
||||
"Mastercard",
|
||||
"Paypal",
|
||||
"Stripe",
|
||||
"FedEx",
|
||||
"DHL",
|
||||
"UPS",
|
||||
]}
|
||||
"Visa", "Mastercard", "Paypal", "Stripe", "FedEx", "DHL", "UPS"]}
|
||||
title="Trusted Partners"
|
||||
description="We work with top-tier partners to ensure your experience is seamless."
|
||||
/>
|
||||
@@ -313,14 +178,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Get in touch with us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,42 +191,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#features"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -375,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user