Merge version_1 into main #1
214
src/app/page.tsx
214
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { MessageCircle, ShoppingBag, Star } from "lucide-react";
|
||||
import { MessageCircle, ShoppingBag, Star, Zap, Award, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,27 +19,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "arrivals",
|
||||
},
|
||||
name: "New Arrivals", id: "arrivals"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LUXE SHOP"
|
||||
/>
|
||||
@@ -51,36 +50,22 @@ export default function LandingPage() {
|
||||
description="Discover our handpicked collection of premium items, designed to bring elegance and sophistication to your daily life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "New Arrivals",
|
||||
href: "#arrivals",
|
||||
},
|
||||
text: "New Arrivals", href: "#arrivals"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business_23-2148006299.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142180.jpg",
|
||||
alt: "Owner getting ready for reopening",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142180.jpg", alt: "Owner getting ready for reopening"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg",
|
||||
alt: "Empty shopping store with casual and formal wear design, retail shop with fashionable clothes on hangers and racks. Modern boutique in clothing center, fashion merchandise on sale.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg", alt: "Empty shopping store with casual and formal wear design, retail shop with fashionable clothes on hangers and racks. Modern boutique in clothing center, fashion merchandise on sale."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-woman-checking-her-phone_23-2149122963.jpg",
|
||||
alt: "Young asian woman checking her phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-woman-checking-her-phone_23-2149122963.jpg", alt: "Young asian woman checking her phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg",
|
||||
alt: "Woman buys dishes in the store",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg", alt: "Woman buys dishes in the store"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164894.jpg",
|
||||
alt: "Clothing store with blurred efecto",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164894.jpg", alt: "Clothing store with blurred efecto"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied customers"
|
||||
/>
|
||||
@@ -92,28 +77,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Golden Watch Series",
|
||||
description: "Timepiece of pure luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2271.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Golden Watch Series", description: "Timepiece of pure luxury.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2271.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Leather Craft Collection",
|
||||
description: "Handcrafted to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-details-elegant-woman-dressed-blue-suit_285396-7869.jpg",
|
||||
buttonIcon: "Star",
|
||||
title: "Leather Craft Collection", description: "Handcrafted to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-details-elegant-woman-dressed-blue-suit_285396-7869.jpg", buttonIcon: Star,
|
||||
},
|
||||
{
|
||||
title: "Jewelry Essentials",
|
||||
description: "Shine in every occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-invitation-wedding-concept_23-2148652017.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Jewelry Essentials", description: "Shine in every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/make-up-invitation-wedding-concept_23-2148652017.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Exclusive Deals",
|
||||
description: "Members only pricing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147502.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Exclusive Deals", description: "Members only pricing.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147502.jpg", buttonIcon: Shield,
|
||||
},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
@@ -129,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Black Sneaker",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-clothes-folded-shoes_23-2148927409.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Black Sneaker", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-clothes-folded-shoes_23-2148927409.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Noir Perfume",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-product_23-2150347092.jpg",
|
||||
},
|
||||
id: "p2", name: "Midnight Noir Perfume", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-product_23-2150347092.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gold Frame Eyewear",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-alone-lifestyle-dress-gray_1157-2443.jpg",
|
||||
},
|
||||
id: "p3", name: "Gold Frame Eyewear", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/girl-alone-lifestyle-dress-gray_1157-2443.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Black Designer Belt",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg",
|
||||
},
|
||||
id: "p4", name: "Black Designer Belt", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxury Wallet",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-beauty-products_23-2151503288.jpg",
|
||||
},
|
||||
id: "p5", name: "Luxury Wallet", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-beauty-products_23-2151503288.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Timepiece",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-outdoor-fashion-portrait-stylish-woman-voluminous-white-trendy-top-classic-luxury-hat-leopard-sunglasses_343596-1775.jpg",
|
||||
},
|
||||
id: "p6", name: "Minimalist Timepiece", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/close-outdoor-fashion-portrait-stylish-woman-voluminous-white-trendy-top-classic-luxury-hat-leopard-sunglasses_343596-1775.jpg"},
|
||||
]}
|
||||
title="Featured Selection"
|
||||
description="Our most popular items this season."
|
||||
@@ -178,25 +127,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Products Sold",
|
||||
description: "Total premium items delivered",
|
||||
icon: ShoppingBag,
|
||||
id: "m1", value: "500+", title: "Products Sold", description: "Total premium items delivered", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
title: "Rating",
|
||||
description: "Average customer satisfaction",
|
||||
icon: Star,
|
||||
id: "m2", value: "4.9", title: "Rating", description: "Average customer satisfaction", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always here for your questions",
|
||||
icon: MessageCircle,
|
||||
id: "m3", value: "24/7", title: "Support", description: "Always here for your questions", icon: MessageCircle,
|
||||
},
|
||||
]}
|
||||
title="Shop Highlights"
|
||||
@@ -211,40 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Loyal Customer",
|
||||
testimonial: "Exceptional service and quality products. My go-to boutique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shop-owner-her-modern-clothing-store-young-african-american-woman-standing-near-hangers-with-male-shirts-trousers-underwear-fashion-clothes-business-startup-shopping-concept_74855-21499.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Loyal Customer", testimonial: "Exceptional service and quality products. My go-to boutique.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shop-owner-her-modern-clothing-store-young-african-american-woman-standing-near-hangers-with-male-shirts-trousers-underwear-fashion-clothes-business-startup-shopping-concept_74855-21499.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Collector",
|
||||
testimonial: "The attention to detail in their product selection is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "Collector", testimonial: "The attention to detail in their product selection is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma L.",
|
||||
role: "Fashionista",
|
||||
testimonial: "Elegant and premium experience every single time I shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg",
|
||||
},
|
||||
id: "t3", name: "Emma L.", role: "Fashionista", testimonial: "Elegant and premium experience every single time I shop.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert B.",
|
||||
role: "First-time Buyer",
|
||||
testimonial: "Exceeded all expectations. Fast shipping and beautiful packaging.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-stretch-out-hand-with-orange-shopping-bag-making-gift-standing-blue-backgr_1258-152517.jpg",
|
||||
},
|
||||
id: "t4", name: "Robert B.", role: "First-time Buyer", testimonial: "Exceeded all expectations. Fast shipping and beautiful packaging.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-stretch-out-hand-with-orange-shopping-bag-making-gift-standing-blue-backgr_1258-152517.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clara S.",
|
||||
role: "Regular",
|
||||
testimonial: "Simply the best luxury shop experience in town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg",
|
||||
},
|
||||
id: "t5", name: "Clara S.", role: "Regular", testimonial: "Simply the best luxury shop experience in town.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg"},
|
||||
]}
|
||||
title="Client Experience"
|
||||
description="See why our customers love our premium selection."
|
||||
@@ -257,25 +169,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards, debit cards, and digital wallets.",
|
||||
},
|
||||
id: "f1", title: "What payment methods do you accept?", content: "We accept major credit cards, debit cards, and digital wallets."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is shipping?",
|
||||
content: "Standard shipping takes 3-5 business days.",
|
||||
},
|
||||
id: "f2", title: "How long is shipping?", content: "Standard shipping takes 3-5 business days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return a product?",
|
||||
content: "Yes, we have a 14-day hassle-free return policy.",
|
||||
},
|
||||
id: "f3", title: "Can I return a product?", content: "Yes, we have a 14-day hassle-free return policy."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861874.jpg"
|
||||
title="Frequently Asked"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -283,8 +187,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Stay Connected"
|
||||
description="Sign up for exclusive offers and premium news."
|
||||
tag="Newsletter"
|
||||
@@ -295,42 +198,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#arrivals",
|
||||
},
|
||||
label: "New Arrivals", href: "#arrivals"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user