Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 187f3e794f | |||
| e731fa64bc | |||
| f3033cd739 | |||
| eb5c74b099 | |||
| 3c2e209ab5 | |||
| 9aaaf29a4b | |||
| 946e4be387 |
319
src/app/page.tsx
319
src/app/page.tsx
@@ -1,251 +1,120 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { CheckCircle, Sparkles, Tag, Award, Star, HelpCircle, Shirt, Watch, Headphones } from 'lucide-react';
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import { Zap, Users, Truck, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const products = [
|
||||
{
|
||||
id: "1", name: "Premium Air Jordan 1 Retro", price: "$185.00", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=500&h=500&fit=crop", imageAlt: "Air Jordan 1 Retro", onQuantityChange: (qty: number) => console.log("Quantity:", qty),
|
||||
},
|
||||
{
|
||||
id: "2", name: "Classic Nike Air Max 90", price: "$155.00", imageSrc: "https://images.unsplash.com/photo-1600181551650-5c6c4a3c1e3d?w=500&h=500&fit=crop", imageAlt: "Nike Air Max 90", onQuantityChange: (qty: number) => console.log("Quantity:", qty),
|
||||
},
|
||||
{
|
||||
id: "3", name: "Bold Adidas Ultraboost", price: "$195.00", imageSrc: "https://images.unsplash.com/photo-1579538481518-94d15cc3060w?w=500&h=500&fit=crop", imageAlt: "Adidas Ultraboost", onQuantityChange: (qty: number) => console.log("Quantity:", qty),
|
||||
},
|
||||
{
|
||||
id: "4", name: "Exclusive Yeezy 350 V2", price: "$225.00", imageSrc: "https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=500&h=500&fit=crop", imageAlt: "Yeezy 350 V2", onQuantityChange: (qty: number) => console.log("Quantity:", qty),
|
||||
},
|
||||
];
|
||||
|
||||
const metrics = [
|
||||
{ id: "1", icon: Zap, title: "Fast Shipping", value: "24-48hrs" },
|
||||
{ id: "2", icon: Shield, title: "Verified Quality", value: "100%" },
|
||||
{ id: "3", icon: Users, title: "Happy Customers", value: "50K+" },
|
||||
{ id: "4", icon: Truck, title: "Global Reach", value: "190+" },
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="NelosShop"
|
||||
navItems={[
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Categories", id: "categories" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Browse Now", href: "#products"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="NelosShop"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Premium Reselling Redefined"
|
||||
description="Discover authentic designer shoes, exclusive rep clothing, and luxury accessories at NelosShop. Curated collections from top brands with verified quality and competitive pricing."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "10K+", label: "Items in Stock" },
|
||||
{ value: "99.2%", label: "Customer Satisfaction" },
|
||||
{ value: "24hrs", label: "Fast Shipping" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Verified & Authentic"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
<HeroBillboard
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Premium Designer & Luxury Reselling"
|
||||
description="Discover authentic designer shoes, exclusive rep clothing, and luxury accessories with verified quality and competitive pricing."
|
||||
tag="Shop Elite"
|
||||
imageSrc="https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=1200&h=600&fit=crop"
|
||||
imageAlt="Premium Designer Shoes"
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/summer-composition-with-slippers-books-cake-lemonade-female-hands_169016-40035.jpg"
|
||||
imageAlt="Premium designer shoes and luxury accessories collection"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
avatars={[
|
||||
{ src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", alt: "Customer 1" },
|
||||
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Customer 2" },
|
||||
{ src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", alt: "Customer 3" },
|
||||
]}
|
||||
avatarText="Trusted by 50K+ customers worldwide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Featured Collection"
|
||||
description="Browse our hand-picked selection of designer shoes, authentic apparel, and premium accessories."
|
||||
tag="Best Sellers"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
products={products}
|
||||
title="Featured Products"
|
||||
description="Handpicked premium items with authentic quality and bold style"
|
||||
tag="Exclusive Collection"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricCardThree
|
||||
metrics={metrics}
|
||||
title="Why Choose NelosShop?"
|
||||
description="We deliver excellence in every aspect of our service"
|
||||
tag="Our Promise"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
title="Ready to Elevate Your Style?"
|
||||
description="Browse our collection of premium designer shoes, exclusive clothing, and luxury accessories. Fast shipping, verified quality, competitive prices."
|
||||
buttons={[
|
||||
{ text: "View All Products", href: "#" }
|
||||
{ text: "Shop Collection", href: "#products" },
|
||||
{ text: "Contact Support", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Air Jordan 1 Retro High", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005733.jpg?_wi=1", imageAlt: "Air Jordan 1 Retro High sneaker", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "2", name: "Gucci Marmont Leather Belt", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14705.jpg?_wi=1", imageAlt: "Gucci Marmont leather belt", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "3", name: "Apple AirPods Pro", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-psd/technological-airpods-isolated_23-2151196887.jpg?_wi=1", imageAlt: "Apple AirPods Pro earbuds", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "4", name: "Louis Vuitton Speedy Bag", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073533.jpg?_wi=1", imageAlt: "Louis Vuitton Speedy handbag", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "5", name: "Versace Medusa Sunglasses", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165797.jpg", imageAlt: "Versace Medusa designer sunglasses", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "6", name: "Premium Rep Tracksuit Set", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005733.jpg?_wi=2", imageAlt: "Designer inspired tracksuit", initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureHoverPattern
|
||||
title="Shop by Category"
|
||||
description="Explore our diverse collection organized by product type for easy browsing."
|
||||
tag="All Categories"
|
||||
tagIcon={Tag}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Watch,
|
||||
title: "Designer Shoes", description: "Authentic sneakers, heels, and footwear from top luxury brands."
|
||||
},
|
||||
{
|
||||
icon: Shirt,
|
||||
title: "Rep Clothing", description: "Premium quality apparel inspired by designer collections."
|
||||
},
|
||||
{
|
||||
icon: Watch,
|
||||
title: "Accessories", description: "Belts, bags, sunglasses, and more luxury accessories."
|
||||
},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Tech & Audio", description: "AirPods, headphones, and premium audio equipment."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Thousands"
|
||||
description="We partner with leading brands and trusted suppliers to bring you authentic products and unbeatable value."
|
||||
tag="Brand Partners"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Nike", "Adidas", "Gucci", "Louis Vuitton", "Versace", "Puma", "Apple", "Dior"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/abstract-runner-silhouette-flat-design_23-2148220276.jpg", "http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588679.jpg", "http://img.b2bpic.net/free-vector/abstract-design-logo-two-versions_23-2148450747.jpg", "http://img.b2bpic.net/free-vector/premium-luxury-letter-v-logo-company_1035-19077.jpg", "http://img.b2bpic.net/free-vector/variety-ornamental-retro-logos-with-letters_23-2147522473.jpg", "http://img.b2bpic.net/free-vector/cougar-branding-logo-template_23-2149217105.jpg", "http://img.b2bpic.net/free-vector/data-point-company-logo_1071-69.jpg", "http://img.b2bpic.net/free-vector/ornamental-background-design_1115-558.jpg"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Customers Say"
|
||||
description="Real reviews from satisfied NelosShop customers worldwide. Join thousands of happy shoppers."
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Johnson, Fashion Enthusiast", date: "Date: 15 January 2025", title: "Authentic quality and excellent service!", quote: "I've purchased multiple items from NelosShop and every product has been exactly as described. The shipping was fast and packaging was premium. Highly recommend for anyone looking for authentic designer goods.", tag: "Verified Purchase", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1617.jpg", avatarAlt: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005733.jpg?_wi=3", imageAlt: "Featured product from Marcus's purchase"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Chen, Style Blogger", date: "Date: 12 January 2025", title: "Best prices on luxury items online", quote: "NelosShop offers the most competitive pricing I've found for authentic designer items. The quality is consistent, and I love how they categorize everything. My followers are always asking where I shop now!", tag: "Verified Purchase", avatarSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-victory-gesture-green-jacket-looking-confident_176474-47754.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073533.jpg?_wi=2", imageAlt: "Featured product from Sarah's purchase"
|
||||
},
|
||||
{
|
||||
id: "3", name: "David Martinez, Reseller", date: "Date: 8 January 2025", title: "Perfect for my reselling business", quote: "As a reseller, I need reliable suppliers with authentic products. NelosShop has been my go-to for over a year. Their inventory is always fresh and their customer service is outstanding.", tag: "Verified Purchase", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg", avatarAlt: "David Martinez", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14705.jpg?_wi=2", imageAlt: "Featured product from David's purchase"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Jessica Lee, Tech Collector", date: "Date: 5 January 2025", title: "Great selection of tech accessories", quote: "Found authentic AirPods and accessories that I couldn't locate elsewhere. NelosShop's tech section is impressive and the prices are fair. Will definitely shop here again!", tag: "Verified Purchase", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14488.jpg", avatarAlt: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-psd/technological-airpods-isolated_23-2151196887.jpg?_wi=2", imageAlt: "Featured product from Jessica's purchase"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our products, shipping, and policies. We're here to help!"
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Are all products authentic?", content: "Yes, NelosShop guarantees 100% authentic products from verified suppliers. We provide detailed product descriptions and high-quality images for transparency. If any product is found to be inauthentic, we offer a full refund with no questions asked."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What is your shipping policy?", content: "We offer fast shipping with standard delivery in 5-7 business days and express options available. All orders are carefully packaged and insured. Tracking information is provided with every shipment. International shipping is available to select countries."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you offer returns and exchanges?", content: "Absolutely! We offer a 30-day return policy on all items. Products must be unused and in original condition. Simply initiate a return through your account and follow the provided shipping label. Refunds are processed within 5-7 business days of receiving returned items."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How do you verify product authenticity?", content: "Our team of experts carefully inspects each product against brand specifications, materials, construction quality, and packaging details. We work exclusively with authorized distributors and trusted suppliers to ensure authenticity."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, Apple Pay, Google Pay, and digital wallets. All transactions are encrypted and secured with SSL technology for your protection."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Can I place bulk or wholesale orders?", content: "Yes! We offer special pricing for bulk and wholesale orders. Contact our sales team at sales@nelosshop.com with your requirements and we'll provide a custom quote within 24 hours."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/fashion-boutique-with-young-women-consumers-fashion-clothing-flat_1284-13722.jpg"
|
||||
imageAlt="Luxury retail environment"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Designer Shoes", href: "#products" },
|
||||
{ label: "Rep Clothing", href: "#products" },
|
||||
{ label: "Accessories", href: "#products" },
|
||||
{ label: "Tech & Audio", href: "#products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Shipping Policy", href: "#" },
|
||||
{ label: "Return Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="NelosShop"
|
||||
copyrightText="© 2025 NelosShop. All rights reserved. Authentic Designer Reselling."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #106EFB;
|
||||
--background: #000000;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ff0000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #ff0000;
|
||||
--background-accent: #ff0000;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user