Update src/app/page.tsx
This commit is contained in:
303
src/app/page.tsx
303
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Headphones, MapPin, Package, ShieldCheck, ShoppingBag, Truck, Users, Zap } from "lucide-react";
|
||||
import { Headphones, MapPin, Package, ShieldCheck, Truck, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "/products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="LankaMarket"
|
||||
/>
|
||||
@@ -56,63 +48,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Sri Lanka's Premium Digital Marketplace"
|
||||
description="Discover curated local goods, artisanal crafts, and premium products, delivered right to your door. Experience the future of Sri Lankan e-commerce."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "/products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-buyer-selecting-clothes-board_482257-84189.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indian-man-smiling-cheerful-expression-closeup-portrait_53876-129387.jpg",
|
||||
alt: "Happy shopper 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-posing_23-2149512418.jpg",
|
||||
alt: "Happy shopper 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-black-man-work_23-2149546236.jpg",
|
||||
alt: "Happy shopper 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-ambulance-car_23-2149478476.jpg",
|
||||
alt: "Happy shopper 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg",
|
||||
alt: "Happy shopper 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/indian-man-smiling-cheerful-expression-closeup-portrait_53876-129387.jpg", alt: "Happy shopper 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-posing_23-2149512418.jpg", alt: "Happy shopper 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-black-man-work_23-2149546236.jpg", alt: "Happy shopper 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-ambulance-car_23-2149478476.jpg", alt: "Happy shopper 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg", alt: "Happy shopper 5" },
|
||||
]}
|
||||
avatarText="Join 50,000+ satisfied shoppers across Sri Lanka"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Island-wide Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Crafts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Checkout",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Support",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Premium Quality" }, { type: "text", text: "Island-wide Shipping" }, { type: "text", text: "Artisanal Crafts" }, { type: "text", text: "Secure Checkout" }, { type: "text", text: "Local Support" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,31 +75,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Delivery",
|
||||
description: "Lightning speed shipping across the island.",
|
||||
},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Local Support",
|
||||
description: "Dedicated assistance by local teams.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Payments",
|
||||
description: "Safe transactions every single time.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Island-wide Reach",
|
||||
description: "Delivering to all 25 districts daily.",
|
||||
},
|
||||
{
|
||||
icon: Package,
|
||||
title: "Curated Selection",
|
||||
description: "Only the best local brands selected.",
|
||||
},
|
||||
{ icon: Zap, title: "Fast Delivery", description: "Lightning speed shipping across the island." },
|
||||
{ icon: Headphones, title: "Local Support", description: "Dedicated assistance by local teams." },
|
||||
{ icon: ShieldCheck, title: "Secure Payments", description: "Safe transactions every single time." },
|
||||
{ icon: Truck, title: "Island-wide Reach", description: "Delivering to all 25 districts daily." },
|
||||
{ icon: Package, title: "Curated Selection", description: "Only the best local brands selected." },
|
||||
]}
|
||||
title="Why Choose LankaMarket?"
|
||||
description="Built for the Sri Lankan spirit, designed for modern convenience."
|
||||
@@ -160,60 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Local",
|
||||
name: "Ceylon Spices",
|
||||
price: "Rs. 2,500",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-jar-with-spices-with-copy-space_23-2148685771.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Artisan",
|
||||
name: "Clay Craft",
|
||||
price: "Rs. 1,200",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197337.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Ceylon",
|
||||
name: "Premium Tea",
|
||||
price: "Rs. 950",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-tea-with-star-anise-wooden-surface-with-blurry-background_181624-57966.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Organic",
|
||||
name: "Coconut Skincare",
|
||||
price: "Rs. 3,200",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-containers-arrangement-high-angle_23-2149705490.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Handloom",
|
||||
name: "Traditional Textile",
|
||||
price: "Rs. 5,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817482.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Fresh",
|
||||
name: "Tropical Fruit Basket",
|
||||
price: "Rs. 1,800",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pineapple-other-exotic-fruits-basket-white-background-top-view_169016-23642.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Local", name: "Ceylon Spices", price: "Rs. 2,500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-jar-with-spices-with-copy-space_23-2148685771.jpg" },
|
||||
{ id: "2", brand: "Artisan", name: "Clay Craft", price: "Rs. 1,200", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197337.jpg" },
|
||||
{ id: "3", brand: "Ceylon", name: "Premium Tea", price: "Rs. 950", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-tea-with-star-anise-wooden-surface-with-blurry-background_181624-57966.jpg" },
|
||||
{ id: "4", brand: "Organic", name: "Coconut Skincare", price: "Rs. 3,200", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/foundation-containers-arrangement-high-angle_23-2149705490.jpg" },
|
||||
{ id: "5", brand: "Handloom", name: "Traditional Textile", price: "Rs. 5,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817482.jpg" },
|
||||
{ id: "6", brand: "Fresh", name: "Tropical Fruit Basket", price: "Rs. 1,800", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/pineapple-other-exotic-fruits-basket-white-background-top-view_169016-23642.jpg" },
|
||||
]}
|
||||
title="Trending Products"
|
||||
description="Hand-picked essentials for our community."
|
||||
@@ -226,24 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Happy Shoppers",
|
||||
value: "50,000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: ShoppingBag,
|
||||
title: "Products Listed",
|
||||
value: "10,000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: MapPin,
|
||||
title: "Districts Covered",
|
||||
value: "25",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Happy Shoppers", value: "50,000+" },
|
||||
{ id: "m2", icon: ShoppingBag, title: "Products Listed", value: "10,000+" },
|
||||
{ id: "m3", icon: MapPin, title: "Districts Covered", value: "25" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Growing the local digital economy."
|
||||
@@ -257,46 +127,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anura K.",
|
||||
role: "Entrepreneur",
|
||||
company: "Colombo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9911.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sajini P.",
|
||||
role: "Creative",
|
||||
company: "Kandy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dilshan R.",
|
||||
role: "Designer",
|
||||
company: "Galle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nethmi M.",
|
||||
role: "Boutique Owner",
|
||||
company: "Jaffna",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-project_23-2148903497.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rohan D.",
|
||||
role: "Merchant",
|
||||
company: "Negombo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-standing-profile-view-pointing-isolated-crimson-background-with-copy-space_141793-84088.jpg",
|
||||
},
|
||||
{ id: "1", name: "Anura K.", role: "Entrepreneur", company: "Colombo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9911.jpg" },
|
||||
{ id: "2", name: "Sajini P.", role: "Creative", company: "Kandy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg" },
|
||||
{ id: "3", name: "Dilshan R.", role: "Designer", company: "Galle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg" },
|
||||
{ id: "4", name: "Nethmi M.", role: "Boutique Owner", company: "Jaffna", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-project_23-2148903497.jpg" },
|
||||
{ id: "5", name: "Rohan D.", role: "Merchant", company: "Negombo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-standing-profile-view-pointing-isolated-crimson-background-with-copy-space_141793-84088.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our users are saying across Sri Lanka."
|
||||
@@ -307,15 +142,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Lanka Tea Corp",
|
||||
"Spice Masters",
|
||||
"Handloom Collective",
|
||||
"Colombo Artisans",
|
||||
"Island Organics",
|
||||
"Galle Craftworks",
|
||||
"Negombo Traders",
|
||||
]}
|
||||
names={["Lanka Tea Corp", "Spice Masters", "Handloom Collective", "Colombo Artisans", "Island Organics", "Galle Craftworks", "Negombo Traders"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with the best across the island."
|
||||
/>
|
||||
@@ -326,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who can access this?",
|
||||
content: "Our services are exclusively for residents of Sri Lanka.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to sell?",
|
||||
content: "Contact us through our merchant portal to start selling your items.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Delivery time?",
|
||||
content: "Most orders are delivered within 2-4 business days.",
|
||||
},
|
||||
{ id: "f1", title: "Who can access this?", content: "Our services are exclusively for residents of Sri Lanka." },
|
||||
{ id: "f2", title: "How to sell?", content: "Contact us through our merchant portal to start selling your items." },
|
||||
{ id: "f3", title: "Delivery time?", content: "Most orders are delivered within 2-4 business days." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Need Help?"
|
||||
@@ -353,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Join the Marketplace"
|
||||
description="Stay updated on our newest local arrivals."
|
||||
@@ -365,45 +178,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Featured",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Featured", href: "/products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 LankaMarket."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user