import { useState } from "react";
import { ShoppingCart, Search, Facebook, Twitter, Instagram } from "lucide-react";
// Placeholder Product Data
const products = [
{ id: 1, name: "Elegant Chair", price: "\$199.99", image: "https://placehold.co/600x400" },
{ id: 2, name: "Modern Desk", price: "\$299.99", image: "https://placehold.co/600x400" },
{ id: 3, name: "Stylish Lamp", price: "\$89.99", image: "https://placehold.co/600x400" },
{ id: 4, name: "Cozy Sofa", price: "\$499.99", image: "https://placehold.co/600x400" },
];
// Header Component with Typography and Icons
function Header() {
return (
);
}
// Product Grid with Animation and Hover Effects
function ProductGrid() {
return (
);
}
// Footer with Social Media Icons and Links
function Footer() {
return (
);
}
// Main Shopify Store UI Component
function ModernShopifyStore() {
return (
);
}
export default ModernShopifyStore;
Modern Store
Explore our Products
{products.map((product) => (
))}
{product.name}
{product.price}