diff --git a/src/app/bestsellers/page.tsx b/src/app/bestsellers/page.tsx new file mode 100644 index 0000000..1c2753b --- /dev/null +++ b/src/app/bestsellers/page.tsx @@ -0,0 +1,153 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import ProductCardOne from "@/components/sections/product/ProductCardOne"; +import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import { TrendingUp } from "lucide-react"; + +export default function BestsellersPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "Shop", id: "/shop" }, + { name: "Best Sellers", id: "/bestsellers" }, + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" }, + ]; + + const bestsellerProducts = [ + { + id: "5", name: "Nebula Premium Pack", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=1", imageAlt: "Nebula Premium Pack", onProductClick: () => console.log("View Nebula Premium Pack"), + onFavorite: () => console.log("Added to favorites: Nebula Premium Pack"), + }, + { + id: "6", name: "Stellar Pro Edition", price: "$219.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=2", imageAlt: "Stellar Pro Edition", onProductClick: () => console.log("View Stellar Pro Edition"), + onFavorite: () => console.log("Added to favorites: Stellar Pro Edition"), + }, + { + id: "7", name: "Cosmos Elite Pack", price: "$229.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg", imageAlt: "Cosmos Elite Pack", onProductClick: () => console.log("View Cosmos Elite Pack"), + onFavorite: () => console.log("Added to favorites: Cosmos Elite Pack"), + }, + { + id: "1", name: "Eclipse Motion Pro", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-6258.jpg?_wi=2", imageAlt: "Eclipse Motion Pro", onProductClick: () => console.log("View Eclipse Motion Pro"), + onFavorite: () => console.log("Added to favorites: Eclipse Motion Pro"), + }, + { + id: "2", name: "Zenith Comfort Elite", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326578.jpg?_wi=2", imageAlt: "Zenith Comfort Elite", onProductClick: () => console.log("View Zenith Comfort Elite"), + onFavorite: () => console.log("Added to favorites: Zenith Comfort Elite"), + }, + { + id: "3", name: "Aurora Premium Series", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-facebook-cover_23-2149044212.jpg?_wi=2", imageAlt: "Aurora Premium Series", onProductClick: () => console.log("View Aurora Premium Series"), + onFavorite: () => console.log("Added to favorites: Aurora Premium Series"), + }, + { + id: "4", name: "Luxora Elite Collection", price: "$189.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=2", imageAlt: "Luxora Elite Collection", onProductClick: () => console.log("View Luxora Elite Collection"), + onFavorite: () => console.log("Added to favorites: Luxora Elite Collection"), + }, + { + id: "8", name: "Vortex Dynamic Series", price: "$169.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-6258.jpg?_wi=3", imageAlt: "Vortex Dynamic Series", onProductClick: () => console.log("View Vortex Dynamic Series"), + onFavorite: () => console.log("Added to favorites: Vortex Dynamic Series"), + }, + ]; + + return ( + + + +
+
+

Best Sellers

+

Our most loved products - trusted by thousands of satisfied customers worldwide

+
+
+ +
+
+ +
+
+ + +
+ ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 6e17cfc..5b99944 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,8 +11,8 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; -import Link from "next/link"; import { Sparkles, Star, Award, TrendingUp, Zap, Heart, CheckCircle, Truck, Shield, Headphones, Mail, Check, HelpCircle } from "lucide-react"; +import { useState, useEffect } from "react"; export default function HomePage() { const navItems = [ @@ -23,10 +23,69 @@ export default function HomePage() { { name: "Contact", id: "/contact" }, ]; + const [timeRemaining, setTimeRemaining] = useState("48:00:00"); + + useEffect(() => { + const calculateTimeRemaining = () => { + const now = new Date(); + const endTime = new Date(now.getTime() + 48 * 60 * 60 * 1000); + const diff = endTime.getTime() - now.getTime(); + + if (diff > 0) { + const hours = Math.floor((diff / (1000 * 60 * 60)) % 24); + const minutes = Math.floor((diff / (1000 * 60)) % 60); + const seconds = Math.floor((diff / 1000) % 60); + setTimeRemaining( + `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}` + ); + } else { + setTimeRemaining("00:00:00"); + } + }; + + calculateTimeRemaining(); + const interval = setInterval(calculateTimeRemaining, 1000); + return () => clearInterval(interval); + }, []); + const handleNewsletterSubmit = (email: string) => { console.log("Newsletter signup:", email); }; + const featuredProducts = [ + { + id: "1", name: "Eclipse Motion Pro", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-6258.jpg?_wi=2", imageAlt: "Eclipse Motion Pro", onProductClick: () => window.open("/shop/eclipse-motion-pro", "_blank"), + onFavorite: () => console.log("Added to favorites: Eclipse Motion Pro"), + }, + { + id: "2", name: "Zenith Comfort Elite", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326578.jpg?_wi=2", imageAlt: "Zenith Comfort Elite", onProductClick: () => window.open("/shop/zenith-comfort-elite", "_blank"), + onFavorite: () => console.log("Added to favorites: Zenith Comfort Elite"), + }, + { + id: "3", name: "Aurora Premium Series", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-facebook-cover_23-2149044212.jpg?_wi=2", imageAlt: "Aurora Premium Series", onProductClick: () => window.open("/shop/aurora-premium-series", "_blank"), + onFavorite: () => console.log("Added to favorites: Aurora Premium Series"), + }, + { + id: "4", name: "Luxora Elite Collection", price: "$189.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=2", imageAlt: "Luxora Elite Collection", onProductClick: () => window.open("/shop/luxora-elite-collection", "_blank"), + onFavorite: () => console.log("Added to favorites: Luxora Elite Collection"), + }, + ]; + + const bestSellersProducts = [ + { + id: "5", name: "Nebula Premium Pack", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=1", imageAlt: "Nebula Premium Pack", onProductClick: () => window.open("/shop/nebula-premium-pack", "_blank"), + onFavorite: () => console.log("Added to favorites: Nebula Premium Pack"), + }, + { + id: "6", name: "Stellar Pro Edition", price: "$219.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=2", imageAlt: "Stellar Pro Edition", onProductClick: () => window.open("/shop/stellar-pro-edition", "_blank"), + onFavorite: () => console.log("Added to favorites: Stellar Pro Edition"), + }, + { + id: "7", name: "Cosmos Elite Pack", price: "$229.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg", imageAlt: "Cosmos Elite Pack", onProductClick: () => window.open("/shop/cosmos-elite-pack", "_blank"), + onFavorite: () => console.log("Added to favorites: Cosmos Elite Pack"), + }, + ]; + return (
+
+

Limited Time Offer

+

Don't miss out on this exclusive opportunity. Get premium products at unbeatable prices with our special promotional offer.

+
+

Time Remaining:

+

{timeRemaining}

+
+
@@ -248,23 +279,17 @@ export default function HomePage() { console.log("View Eclipse Motion Pro"), + onFavorite: () => console.log("Added to favorites: Eclipse Motion Pro"), + }, + { + id: "2", name: "Zenith Comfort Elite", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326578.jpg?_wi=2", imageAlt: "Zenith Comfort Elite", category: "comfort", onProductClick: () => console.log("View Zenith Comfort Elite"), + onFavorite: () => console.log("Added to favorites: Zenith Comfort Elite"), + }, + { + id: "3", name: "Aurora Premium Series", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-facebook-cover_23-2149044212.jpg?_wi=2", imageAlt: "Aurora Premium Series", category: "premium", onProductClick: () => console.log("View Aurora Premium Series"), + onFavorite: () => console.log("Added to favorites: Aurora Premium Series"), + }, + { + id: "4", name: "Luxora Elite Collection", price: "$189.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=2", imageAlt: "Luxora Elite Collection", category: "luxury", onProductClick: () => console.log("View Luxora Elite Collection"), + onFavorite: () => console.log("Added to favorites: Luxora Elite Collection"), + }, + { + id: "5", name: "Nebula Premium Pack", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=1", imageAlt: "Nebula Premium Pack", category: "premium", onProductClick: () => console.log("View Nebula Premium Pack"), + onFavorite: () => console.log("Added to favorites: Nebula Premium Pack"), + }, + { + id: "6", name: "Stellar Pro Edition", price: "$219.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=2", imageAlt: "Stellar Pro Edition", category: "comfort", onProductClick: () => console.log("View Stellar Pro Edition"), + onFavorite: () => console.log("Added to favorites: Stellar Pro Edition"), + }, + { + id: "7", name: "Cosmos Elite Pack", price: "$229.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg", imageAlt: "Cosmos Elite Pack", category: "luxury", onProductClick: () => console.log("View Cosmos Elite Pack"), + onFavorite: () => console.log("Added to favorites: Cosmos Elite Pack"), + }, + { + id: "8", name: "Vortex Dynamic Series", price: "$169.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-6258.jpg?_wi=3", imageAlt: "Vortex Dynamic Series", category: "premium", onProductClick: () => console.log("View Vortex Dynamic Series"), + onFavorite: () => console.log("Added to favorites: Vortex Dynamic Series"), + }, + ]; + + const filteredProducts = allProducts.filter((product) => { + const matchesSearch = product.name.toLowerCase().includes(searchTerm.toLowerCase()); + const matchesCategory = selectedCategory === "all" || product.category === selectedCategory; + return matchesSearch && matchesCategory; + }); + return ( +
+
+

Shop Alignra

+

Discover our complete collection of premium lifestyle products

+ +
+
+ + setSearchTerm(e.target.value)} + className="w-full pl-12 pr-4 py-3 rounded-full border-2 border-gray-300 focus:border-blue-500 focus:outline-none" + /> +
+
+ + +
+
+ +

{filteredProducts.length} products found

+
+
+
@@ -81,14 +141,14 @@ export default function ShopPage() { items: [ { label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, - { label: "Best Sellers", href: "#bestsellers" }, + { label: "Best Sellers", href: "/#bestsellers" }, { label: "About", href: "/about" }, ], }, { items: [ { label: "Contact", href: "/contact" }, - { label: "FAQ", href: "#faq" }, + { label: "FAQ", href: "/#faq" }, { label: "Support", href: "/support" }, { label: "Careers", href: "/careers" }, ], @@ -111,7 +171,7 @@ export default function ShopPage() { }, { items: [ - { label: "Newsletter", href: "#contact" }, + { label: "Newsletter", href: "/#contact" }, { label: "Blog", href: "/blog" }, { label: "Brand Kit", href: "/brand-kit" }, { label: "Press", href: "/press" }, @@ -125,4 +185,4 @@ export default function ShopPage() {
); -} \ No newline at end of file +}