bender/0760b413-c5f2-4a0f-9ddc-77f7106e8bf2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-19 11:47:21 +00:00
parent 9aec01fbe2
commit dc9fb1ec0e
1 changed files with 34 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
src/app/page.tsx
View File

@@ -6,9 +6,7 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import {
@@ -17,15 +15,12 @@ import {
Flame,
TrendingUp,
Award,
Info,
Rocket,
Heart,
BarChart3,
Facebook,
Twitter,
Instagram,
Linkedin,
Store,
} from "lucide-react";
export default function HomePage() {
@@ -55,15 +50,13 @@ export default function HomePage() {
brandName="ShopHub"
navItems={navItems}
button={{
text: "Login / Sign Up",
href: "/auth",
}}
text: "Login / Sign Up", href: "/auth"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Discover Million of Products"
title="Discover Millions of Products"
description="Shop the largest selection of electronics, fashion, home essentials, and more with unbeatable prices and guaranteed fast delivery across India."
background={{ variant: "grid" }}
tag="Limited Time Offer"
@@ -71,13 +64,9 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Start Shopping",
href: "/products",
},
text: "Start Shopping", href: "/products"},
{
text: "Become a Seller",
href: "/seller",
},
text: "Become a Seller", href: "/seller"},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/a-vibrant-e-commerce-hero-banner-showing-1773919676983-b0f87bcd.png?_wi=1"
@@ -91,26 +80,14 @@ export default function HomePage() {
description="Explore our wide range of products across multiple categories handpicked for quality and value."
features={[
{
id: "electronics",
title: "Electronics",
tags: ["Smartphones", "Laptops", "Accessories"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-electronic-devices-arranged-in-a--1773919673318-8dfd8145.png?_wi=1",
imageAlt: "Electronics products",
},
id: "electronics", title: "Electronics", tags: ["Smartphones", "Laptops", "Accessories"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-electronic-devices-arranged-in-a--1773919673318-8dfd8145.png?_wi=1", imageAlt: "Electronics products"},
{
id: "fashion",
title: "Fashion",
tags: ["Clothing", "Footwear", "Accessories"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/contemporary-fashion-items-including-tre-1773919674043-a07f7b93.png?_wi=1",
imageAlt: "Fashion items",
},
id: "fashion", title: "Fashion", tags: ["Clothing", "Footwear", "Accessories"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/contemporary-fashion-items-including-tre-1773919674043-a07f7b93.png?_wi=1", imageAlt: "Fashion items"},
{
id: "home",
title: "Home & Living",
tags: ["Furniture", "Decor", "Kitchenware"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/home-decor-and-furniture-items-beautiful-1773919674995-4ac54a4b.png?_wi=1",
imageAlt: "Home decor items",
},
id: "home", title: "Home & Living", tags: ["Furniture", "Decor", "Kitchenware"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/home-decor-and-furniture-items-beautiful-1773919674995-4ac54a4b.png?_wi=1", imageAlt: "Home decor items"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -128,19 +105,9 @@ export default function HomePage() {
description="Unbeatable daily deals on top-selling products. New deals every 24 hours with up to 70% discount."
products={[
{
id: "deal-1",
name: "Premium Smartwatch",
price: "₹2,499",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-smartwatch-with-discount-overlay-1773919672962-e4193f6d.png?_wi=1",
imageAlt: "Premium smartwatch deal",
},
id: "deal-1", name: "Premium Smartwatch", price: "₹2,499", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-smartwatch-with-discount-overlay-1773919672962-e4193f6d.png?_wi=1", imageAlt: "Premium smartwatch deal"},
{
id: "deal-2",
name: "Wireless Earbuds Pro",
price: "₹1,899",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/high-quality-wireless-earbuds-with-profe-1773919673719-e57dd0e2.png?_wi=1",
imageAlt: "Wireless earbuds deal",
},
id: "deal-2", name: "Wireless Earbuds Pro", price: "₹1,899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/high-quality-wireless-earbuds-with-profe-1773919673719-e57dd0e2.png?_wi=1", imageAlt: "Wireless earbuds deal"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -151,9 +118,7 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "View All Deals",
href: "/products?filter=deals",
},
text: "View All Deals", href: "/products?filter=deals"},
]}
buttonAnimation="slide-up"
/>
@@ -165,26 +130,11 @@ export default function HomePage() {
description="Most popular products this week. Curated bestsellers loved by millions of shoppers."
products={[
{
id: "trend-1",
name: "Casual T-Shirt",
price: "₹399",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/stylish-men-s-casual-t-shirt-photographe-1773919674095-03805664.png?_wi=1",
imageAlt: "Casual t-shirt",
},
id: "trend-1", name: "Casual T-Shirt", price: "₹399", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/stylish-men-s-casual-t-shirt-photographe-1773919674095-03805664.png?_wi=1", imageAlt: "Casual t-shirt"},
{
id: "trend-2",
name: "Professional Backpack",
price: "₹1,299",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-minimalist-backpack-for-professio-1773919673937-3375e406.png?_wi=1",
imageAlt: "Professional backpack",
},
id: "trend-2", name: "Professional Backpack", price: "₹1,299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-minimalist-backpack-for-professio-1773919673937-3375e406.png?_wi=1", imageAlt: "Professional backpack"},
{
id: "trend-3",
name: "Premium Notebook",
price: "₹599",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-notebook-or-planner-with-elegant-1773919675471-a9b38174.png",
imageAlt: "Premium notebook",
},
id: "trend-3", name: "Premium Notebook", price: "₹599", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-notebook-or-planner-with-elegant-1773919675471-a9b38174.png", imageAlt: "Premium notebook"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -195,9 +145,7 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Shop Trending",
href: "/products?sort=trending",
},
text: "Shop Trending", href: "/products?sort=trending"},
]}
buttonAnimation="slide-up"
/>
@@ -209,33 +157,17 @@ export default function HomePage() {
description="Experience seamless online shopping with our premium features and customer-first approach."
features={[
{
id: "feature-1",
title: "Multiple Payment Options",
tags: ["Cards", "UPI", "Net Banking", "EMI"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/visual-representation-of-multiple-paymen-1773919676585-e06afc6d.png?_wi=1",
imageAlt: "Payment methods",
},
id: "feature-1", title: "Multiple Payment Options", tags: ["Cards", "UPI", "Net Banking", "EMI"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/visual-representation-of-multiple-paymen-1773919676585-e06afc6d.png?_wi=1", imageAlt: "Payment methods"},
{
id: "feature-2",
title: "Fast & Reliable Delivery",
tags: ["Express Shipping", "Same Day", "Tracking"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/fast-delivery-service-visualization-show-1773919674759-b1a0548e.png?_wi=1",
imageAlt: "Fast delivery service",
},
id: "feature-2", title: "Fast & Reliable Delivery", tags: ["Express Shipping", "Same Day", "Tracking"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/fast-delivery-service-visualization-show-1773919674759-b1a0548e.png?_wi=1", imageAlt: "Fast delivery service"},
{
id: "feature-3",
title: "24/7 Customer Support",
tags: ["Live Chat", "Email", "Phone Support"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/customer-support-illustration-showing-li-1773919674054-4d8b6b53.png?_wi=1",
imageAlt: "Customer support",
},
id: "feature-3", title: "24/7 Customer Support", tags: ["Live Chat", "Email", "Phone Support"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/customer-support-illustration-showing-li-1773919674054-4d8b6b53.png?_wi=1", imageAlt: "Customer support"},
{
id: "feature-4",
title: "Secure & Safe Shopping",
tags: ["SSL Encrypted", "Verified Sellers", "Buyer Protection"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/security-and-trust-visualization-for-onl-1773919673523-d8d73a63.png?_wi=1",
imageAlt: "Secure shopping",
},
id: "feature-4", title: "Secure & Safe Shopping", tags: ["SSL Encrypted", "Verified Sellers", "Buyer Protection"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/security-and-trust-visualization-for-onl-1773919673523-d8d73a63.png?_wi=1", imageAlt: "Secure shopping"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -251,37 +183,13 @@ export default function HomePage() {
<TestimonialCardTwo
testimonials={[
{
id: "test-1",
name: "Priya Sharma",
role: "Happy Customer",
testimonial: "ShopHub has completely transformed my shopping experience! Fast delivery, great prices, and amazing customer service. I recommend it to all my friends!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-satisfied-cus-1773919673334-2c99832a.png?_wi=1",
imageAlt: "Priya Sharma",
},
id: "test-1", name: "Priya Sharma", role: "Happy Customer", testimonial: "ShopHub has completely transformed my shopping experience! Fast delivery, great prices, and amazing customer service. I recommend it to all my friends!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-satisfied-cus-1773919673334-2c99832a.png?_wi=1", imageAlt: "Priya Sharma"},
{
id: "test-2",
name: "Rajesh Kumar",
role: "Regular Buyer",
testimonial: "The variety of products and seamless checkout process make ShopHub my go-to marketplace. Never had any issues with orders or deliveries.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-happy-custome-1773919672803-2587b579.png?_wi=1",
imageAlt: "Rajesh Kumar",
},
id: "test-2", name: "Rajesh Kumar", role: "Regular Buyer", testimonial: "The variety of products and seamless checkout process make ShopHub my go-to marketplace. Never had any issues with orders or deliveries.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-happy-custome-1773919672803-2587b579.png?_wi=1", imageAlt: "Rajesh Kumar"},
{
id: "test-3",
name: "Anjali Verma",
role: "Satisfied Customer",
testimonial: "Best marketplace for everything! From electronics to fashion, the quality is consistent and prices are unbeatable. Customer support is responsive too.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-customer-portrait-showing-s-1773919673430-570f7c32.png?_wi=1",
imageAlt: "Anjali Verma",
},
id: "test-3", name: "Anjali Verma", role: "Satisfied Customer", testimonial: "Best marketplace for everything! From electronics to fashion, the quality is consistent and prices are unbeatable. Customer support is responsive too.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-customer-portrait-showing-s-1773919673430-570f7c32.png?_wi=1", imageAlt: "Anjali Verma"},
{
id: "test-4",
name: "Vikram Singh",
role: "Frequent Shopper",
testimonial: "I shop on ShopHub weekly. The deals are incredible and the return policy is hassle-free. Truly customer-centric marketplace!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-confident-cus-1773919674837-f4695078.png?_wi=1",
imageAlt: "Vikram Singh",
},
id: "test-4", name: "Vikram Singh", role: "Frequent Shopper", testimonial: "I shop on ShopHub weekly. The deals are incredible and the return policy is hassle-free. Truly customer-centric marketplace!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-confident-cus-1773919674837-f4695078.png?_wi=1", imageAlt: "Vikram Singh"},
]}
animationType="slide-up"
title="What Our Customers Say"
@@ -320,27 +228,19 @@ export default function HomePage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/shophub",
ariaLabel: "ShopHub on Facebook",
},
href: "https://facebook.com/shophub", ariaLabel: "ShopHub on Facebook"},
{
icon: Twitter,
href: "https://twitter.com/shophub",
ariaLabel: "ShopHub on Twitter",
},
href: "https://twitter.com/shophub", ariaLabel: "ShopHub on Twitter"},
{
icon: Instagram,
href: "https://instagram.com/shophub",
ariaLabel: "ShopHub on Instagram",
},
href: "https://instagram.com/shophub", ariaLabel: "ShopHub on Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/shophub",
ariaLabel: "ShopHub on LinkedIn",
},
href: "https://linkedin.com/company/shophub", ariaLabel: "ShopHub on LinkedIn"},
]}
/>
</div>
</ThemeProvider>
);
}
}