diff --git a/src/app/page.tsx b/src/app/page.tsx index 76a7ad6..85496f0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,35 +33,21 @@ export default function LandingPage() { @@ -71,40 +57,26 @@ export default function LandingPage() { description="Discover millions of products, unbeatable deals, and fast delivery at your fingertips. Shop everything from fashion to electronics, groceries, and more, all from the comfort of your home." buttons={[ { - text: "Shop Now", - href: "#products", - }, + text: "Shop Now", href: "#products"}, { - text: "See Deals", - href: "#features", - }, + text: "See Deals", href: "#features"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-close-up_185193-110602.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-close-up_185193-110602.jpg" imageAlt="Wide range of products on an online shopping platform" showDimOverlay={false} showBlur={true} textPosition="bottom" avatars={[ { - src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-154130.jpg", - alt: "Satisfied customer avatar 1", - }, + src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-154130.jpg", alt: "Satisfied customer avatar 1"}, { - src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4157.jpg", - alt: "Satisfied customer avatar 2", - }, + src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4157.jpg", alt: "Satisfied customer avatar 2"}, { - src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg", - alt: "Satisfied customer avatar 3", - }, + src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg", alt: "Satisfied customer avatar 3"}, { - src: "http://img.b2bpic.net/free-photo/positive-businessman-reading-document-couch_1262-3059.jpg", - alt: "Satisfied customer avatar 4", - }, + src: "http://img.b2bpic.net/free-photo/positive-businessman-reading-document-couch_1262-3059.jpg", alt: "Satisfied customer avatar 4"}, { - src: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg", - alt: "Satisfied customer avatar 5", - }, + src: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg", alt: "Satisfied customer avatar 5"}, ]} avatarText="Join 2M+ Happy Shoppers!" /> @@ -117,11 +89,9 @@ export default function LandingPage() { description="At ShopSpot, we're dedicated to bringing you a seamless and enjoyable shopping experience. We connect you with top brands and sellers, offering a vast selection of high-quality products at competitive prices, all backed by reliable service and secure transactions. Shop with confidence, knowing you're getting the best." buttons={[ { - text: "Our Story", - href: "#", - }, + text: "Our Story", href: "#"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952979.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952979.jpg" imageAlt="Person shopping online with a laptop and credit card" /> @@ -133,46 +103,22 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Blazing Fast Delivery", - description: "Get your orders delivered to your doorstep in record time. Our efficient logistics network ensures quick and reliable shipping nationwide.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-collection_23-2148651011.jpg", - imageAlt: "Tracking a fast delivery on a mobile phone", - }, + title: "Blazing Fast Delivery", description: "Get your orders delivered to your doorstep in record time. Our efficient logistics network ensures quick and reliable shipping nationwide.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-collection_23-2148651011.jpg", imageAlt: "Tracking a fast delivery on a mobile phone"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", - imageAlt: "Package being delivered with phone notification", - }, - imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-close-up_185193-110602.jpg?_wi=2", - imageAlt: "phone app fast delivery tracking screen", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", imageAlt: "Package being delivered with phone notification"} }, { - title: "Secure & Easy Payments", - description: "Shop with peace of mind using our encrypted payment gateways. We support multiple payment options, ensuring your transactions are safe and hassle-free.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-devices_23-2149303414.jpg", - imageAlt: "Secure payment screen on a smartphone", - }, + title: "Secure & Easy Payments", description: "Shop with peace of mind using our encrypted payment gateways. We support multiple payment options, ensuring your transactions are safe and hassle-free.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-devices_23-2149303414.jpg", imageAlt: "Secure payment screen on a smartphone"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896824.jpg", - imageAlt: "Fingerprint authentication for mobile payment", - }, - imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952979.jpg?_wi=2", - imageAlt: "phone app fast delivery tracking screen", + imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896824.jpg", imageAlt: "Fingerprint authentication for mobile payment"} }, { - title: "Massive Product Selection", - description: "Dive into a world of endless choices with millions of products across countless categories. Find exactly what you need, or discover new favorites, all in one place.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896849.jpg", - imageAlt: "Shopping app displaying a wide variety of product categories", - }, + title: "Massive Product Selection", description: "Dive into a world of endless choices with millions of products across countless categories. Find exactly what you need, or discover new favorites, all in one place.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896849.jpg", imageAlt: "Shopping app displaying a wide variety of product categories"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-with-smartphone-magnifying-glass_23-2149459975.jpg", - imageAlt: "Scrolling through an endless product feed on a smartphone", - }, - imageSrc: "http://img.b2bpic.net/free-photo/usb-flash-drive-tech-device-with-minimalist-monochrome-background-earphones_23-2150763321.jpg?_wi=1", - imageAlt: "phone app fast delivery tracking screen", + imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-with-smartphone-magnifying-glass_23-2149459975.jpg", imageAlt: "Scrolling through an endless product feed on a smartphone"} }, ]} showStepNumbers={true} @@ -189,65 +135,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", - brand: "TechWear", - name: "Smart Fitness Tracker X10", - price: "$129.99", - rating: 4.5, - reviewCount: "1,200 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/usb-flash-drive-tech-device-with-minimalist-monochrome-background-earphones_23-2150763321.jpg?_wi=2", - imageAlt: "Smart Fitness Tracker X10", - }, + id: "1", brand: "TechWear", name: "Smart Fitness Tracker X10", price: "$129.99", rating: 4.5, + reviewCount: "1,200 reviews", imageSrc: "http://img.b2bpic.net/free-photo/usb-flash-drive-tech-device-with-minimalist-monochrome-background-earphones_23-2150763321.jpg", imageAlt: "Smart Fitness Tracker X10"}, { - id: "2", - brand: "AudioPro", - name: "Noise-Cancelling Headphones", - price: "$249.00", - rating: 4.8, - reviewCount: "850 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-with-his-eyes-closed_23-2148687244.jpg", - imageAlt: "Noise-Cancelling Headphones", - }, + id: "2", brand: "AudioPro", name: "Noise-Cancelling Headphones", price: "$249.00", rating: 4.8, + reviewCount: "850 reviews", imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-with-his-eyes-closed_23-2148687244.jpg", imageAlt: "Noise-Cancelling Headphones"}, { - id: "3", - brand: "LuxeBags", - name: "Genuine Leather Handbag", - price: "$199.50", - rating: 4.7, - reviewCount: "620 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg", - imageAlt: "Genuine Leather Handbag", - }, + id: "3", brand: "LuxeBags", name: "Genuine Leather Handbag", price: "$199.50", rating: 4.7, + reviewCount: "620 reviews", imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg", imageAlt: "Genuine Leather Handbag"}, { - id: "4", - brand: "NaturaGlow", - name: "Organic Skincare Set", - price: "$75.00", - rating: 4.6, - reviewCount: "980 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-make-up-dropper_23-2148398585.jpg", - imageAlt: "Organic Skincare Set", - }, + id: "4", brand: "NaturaGlow", name: "Organic Skincare Set", price: "$75.00", rating: 4.6, + reviewCount: "980 reviews", imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-make-up-dropper_23-2148398585.jpg", imageAlt: "Organic Skincare Set"}, { - id: "5", - brand: "GamerEdge", - name: "High-Performance Gaming Laptop", - price: "$1499.00", - rating: 4.9, - reviewCount: "340 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg", - imageAlt: "High-Performance Gaming Laptop", - }, + id: "5", brand: "GamerEdge", name: "High-Performance Gaming Laptop", price: "$1499.00", rating: 4.9, + reviewCount: "340 reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg", imageAlt: "High-Performance Gaming Laptop"}, { - id: "6", - brand: "StrideFoot", - name: "Pro Running Shoes", - price: "$89.99", - rating: 4.4, - reviewCount: "1,500 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-out-together_23-2150405472.jpg", - imageAlt: "Pro Running Shoes", - }, + id: "6", brand: "StrideFoot", name: "Pro Running Shoes", price: "$89.99", rating: 4.4, + reviewCount: "1,500 reviews", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-out-together_23-2150405472.jpg", imageAlt: "Pro Running Shoes"}, ]} title="Bestselling Products" description="Explore our most popular items, loved by thousands of shoppers daily. Find the perfect blend of quality, style, and value in our curated collection." @@ -261,29 +165,11 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "1", - value: "2M+", - title: "Happy Customers", - description: "Millions of shoppers trust us daily for their needs.", - imageSrc: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321865.jpg", - imageAlt: "Group of happy and diverse customers", - }, + id: "1", value: "2M+", title: "Happy Customers", description: "Millions of shoppers trust us daily for their needs.", imageSrc: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321865.jpg", imageAlt: "Group of happy and diverse customers"}, { - id: "2", - value: "10M+", - title: "Products Listed", - description: "A vast selection covering every category imaginable.", - imageSrc: "http://img.b2bpic.net/free-photo/concept-spring-shopping-season-sale_185193-108628.jpg", - imageAlt: "Assortment of diverse products", - }, + id: "2", value: "10M+", title: "Products Listed", description: "A vast selection covering every category imaginable.", imageSrc: "http://img.b2bpic.net/free-photo/concept-spring-shopping-season-sale_185193-108628.jpg", imageAlt: "Assortment of diverse products"}, { - id: "3", - value: "5K+", - title: "Trusted Brands", - description: "Partnering with top global and local brands you love.", - imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-with-shopping-bags_53876-94710.jpg", - imageAlt: "Logos of various trusted brands", - }, + id: "3", value: "5K+", title: "Trusted Brands", description: "Partnering with top global and local brands you love.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-with-shopping-bags_53876-94710.jpg", imageAlt: "Logos of various trusted brands"}, ]} title="Our Impact in Numbers" description="See how many satisfied customers and products make ShopSpot the leading online marketplace. Our growth is a testament to your trust." @@ -298,45 +184,15 @@ export default function LandingPage() { carouselMode="buttons" testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "Frequent Shopper", - testimonial: "ShopSpot has completely changed how I shop! The variety is incredible, prices are competitive, and delivery is always on time. Highly recommend for everything!", - imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15670.jpg", - imageAlt: "Sarah Johnson", - }, + id: "1", name: "Sarah Johnson", role: "Frequent Shopper", testimonial: "ShopSpot has completely changed how I shop! The variety is incredible, prices are competitive, and delivery is always on time. Highly recommend for everything!", imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15670.jpg", imageAlt: "Sarah Johnson"}, { - id: "2", - name: "Michael Chen", - role: "Small Business Owner", - testimonial: "As a small business owner, finding reliable suppliers is key. ShopSpot's bulk options and consistent quality have been a game-changer for my inventory.", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-guy-showing-ok-sign-while-resting-chair-office-being-satisfied-isolated-gray_171337-645.jpg", - imageAlt: "Michael Chen", - }, + id: "2", name: "Michael Chen", role: "Small Business Owner", testimonial: "As a small business owner, finding reliable suppliers is key. ShopSpot's bulk options and consistent quality have been a game-changer for my inventory.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-guy-showing-ok-sign-while-resting-chair-office-being-satisfied-isolated-gray_171337-645.jpg", imageAlt: "Michael Chen"}, { - id: "3", - name: "Emily Rodriguez", - role: "Fashion Enthusiast", - testimonial: "I love keeping up with the latest trends, and ShopSpot's fashion section is always updated. I find unique pieces and great deals effortlessly. My go-to fashion hub!", - imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg", - imageAlt: "Emily Rodriguez", - }, + id: "3", name: "Emily Rodriguez", role: "Fashion Enthusiast", testimonial: "I love keeping up with the latest trends, and ShopSpot's fashion section is always updated. I find unique pieces and great deals effortlessly. My go-to fashion hub!", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg", imageAlt: "Emily Rodriguez"}, { - id: "4", - name: "David Kim", - role: "Tech Gadget Lover", - testimonial: "From the newest gadgets to reliable electronics, ShopSpot never disappoints. The detailed product descriptions and reviews help me make informed choices every time.", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-american-with-khaki-tshirt_176420-32039.jpg", - imageAlt: "David Kim", - }, + id: "4", name: "David Kim", role: "Tech Gadget Lover", testimonial: "From the newest gadgets to reliable electronics, ShopSpot never disappoints. The detailed product descriptions and reviews help me make informed choices every time.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-american-with-khaki-tshirt_176420-32039.jpg", imageAlt: "David Kim"}, { - id: "5", - name: "Jessica Lee", - role: "Homemaker", - testimonial: "ShopSpot makes grocery and home essentials shopping so convenient. I save time and money, and everything arrives fresh. It's a lifesaver for busy moms!", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-pink-blouse-yellow-wall_343596-5911.jpg", - imageAlt: "Jessica Lee", - }, + id: "5", name: "Jessica Lee", role: "Homemaker", testimonial: "ShopSpot makes grocery and home essentials shopping so convenient. I save time and money, and everything arrives fresh. It's a lifesaver for busy moms!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-pink-blouse-yellow-wall_343596-5911.jpg", imageAlt: "Jessica Lee"}, ]} title="What Our Customers Say" description="Real stories from satisfied shoppers who trust ShopSpot for their daily needs. Their experience is our greatest reward." @@ -348,17 +204,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Samsung", - "Adidas", - "Nike", - "Unilever", - "Nestlé", - "Apple", - "Microsoft", - "Coca-Cola", - "L'Oréal", - "H&M", - ]} + "Samsung", "Adidas", "Nike", "Unilever", "Nestlé", "Apple", "Microsoft", "Coca-Cola", "L'Oréal", "H&M"]} title="Trusted by Leading Brands" description="We partner with top global and local brands to bring you the best quality and selection. Shop with confidence from your favorite trusted names." /> @@ -370,25 +216,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "How do I place an order?", - content: "Simply browse our categories or search for products, add your desired items to the cart, and proceed to checkout. Follow the steps to enter shipping details and payment information.", - }, + id: "1", title: "How do I place an order?", content: "Simply browse our categories or search for products, add your desired items to the cart, and proceed to checkout. Follow the steps to enter shipping details and payment information."}, { - id: "2", - title: "What are your delivery options and costs?", - content: "We offer standard and express delivery options. Shipping costs vary based on your location and the size/weight of your order. You can view estimated costs at checkout before finalizing your purchase.", - }, + id: "2", title: "What are your delivery options and costs?", content: "We offer standard and express delivery options. Shipping costs vary based on your location and the size/weight of your order. You can view estimated costs at checkout before finalizing your purchase."}, { - id: "3", - title: "How can I return an item?", - content: "You can initiate a return request through your account within 7 days of delivery. Please ensure the item is in its original condition with all tags attached. Our team will guide you through the process.", - }, + id: "3", title: "How can I return an item?", content: "You can initiate a return request through your account within 7 days of delivery. Please ensure the item is in its original condition with all tags attached. Our team will guide you through the process."}, { - id: "4", - title: "Is my payment information secure?", - content: "Absolutely. We use industry-standard encryption and secure payment gateways to protect your personal and financial information. Your data privacy and security are our top priority.", - }, + id: "4", title: "Is my payment information secure?", content: "Absolutely. We use industry-standard encryption and secure payment gateways to protect your personal and financial information. Your data privacy and security are our top priority."}, ]} imageSrc="http://img.b2bpic.net/free-photo/person-typing-into-ai-chatbot-system-automate-her-workflow-home-office_482257-122978.jpg" imageAlt="Customer support agent assisting with FAQ queries" @@ -403,16 +237,13 @@ export default function LandingPage() { @@ -424,87 +255,51 @@ export default function LandingPage() { logoText="ShopSpot" columns={[ { - title: "Shop", - items: [ + title: "Shop", items: [ { - label: "All Products", - href: "#products", - }, + label: "All Products", href: "#products"}, { - label: "Categories", - href: "#", - }, + label: "Categories", href: "#"}, { - label: "Deals", - href: "#features", - }, + label: "Deals", href: "#features"}, { - label: "New Arrivals", - href: "#", - }, + label: "New Arrivals", href: "#"}, ], }, { - title: "About Us", - items: [ + title: "About Us", items: [ { - label: "Our Story", - href: "#about", - }, + label: "Our Story", href: "#about"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, { - label: "Press", - href: "#", - }, + label: "Press", href: "#"}, { - label: "Blog", - href: "#", - }, + label: "Blog", href: "#"}, ], }, { - title: "Help", - items: [ + title: "Help", items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Shipping Info", - href: "#", - }, + label: "Shipping Info", href: "#"}, { - label: "Returns & Refunds", - href: "#", - }, + label: "Returns & Refunds", href: "#"}, { - label: "Size Guide", - href: "#", - }, + label: "Size Guide", href: "#"}, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Facebook", - href: "https://facebook.com", - }, + label: "Facebook", href: "https://facebook.com"}, { - label: "Instagram", - href: "https://instagram.com", - }, + label: "Instagram", href: "https://instagram.com"}, { - label: "Twitter", - href: "https://twitter.com", - }, + label: "Twitter", href: "https://twitter.com"}, ], }, ]}