Merge version_1 into main #5

Merged
bender merged 3 commits from version_1 into main 2026-03-10 16:16:47 +00:00
3 changed files with 11 additions and 122 deletions

View File

@@ -3,11 +3,8 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Flame, Trophy } from "lucide-react";
export default function DealsPage() {
return (
@@ -38,134 +35,26 @@ export default function DealsPage() {
/>
</div>
<div id="hero" data-section="hero" className="bg-gradient-to-b from-red-50 to-white">
<div id="hero" data-section="hero" className="bg-gradient-to-b from-orange-50 to-white">
<HeroLogoBillboardSplit
logoText="Flash Deals & Discounts"
description="Limited-time offers on gaming laptops, high-performance PCs, and components. Save up to 40% on premium tech. Flash sales end every 24 hours, student discounts available year-round, and seasonal mega-sales every quarter."
background={{ variant: "circleGradient" }}
logoText="Deals & Discounts"
description="Discover limited-time offers, flash sales, and exclusive discounts on gaming PCs, laptops, and components. Save big on your next tech purchase."
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "🔥 Shop Flash Deals", href: "#flash" },
{ text: "Set Reminders", href: "#reminders" },
{ text: "🎉 Shop Deals", href: "/" },
{ text: "View All Offers", href: "/" },
]}
layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkSsFT5Dmc4F4u7UZOZ1nILZG3/a-modern-clean-tech-store-dashboard-inte-1773157167765-0b769c2a.png?_wi=3"
imageAlt="Flash deals and discount showcase with limited time offers"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkSsFT5Dmc4F4u7UZOZ1nILZG3/a-modern-clean-tech-store-dashboard-inte-1773157167765-0b769c2a.png"
imageAlt="Tech deals and discount offers showcase"
mediaAnimation="slide-up"
frameStyle="browser"
buttonAnimation="opacity"
ariaLabel="Flash Deals & Discounts - Limited Time Offers"
ariaLabel="Deals Page - Special Offers"
containerClassName="max-w-7xl mx-auto px-4"
/>
</div>
<div id="flash-deals-products" data-section="flash-deals-products" className="bg-white py-16">
<div className="max-w-7xl mx-auto px-4">
<ProductCardOne
title="Today's Flash Sales"
description="24-hour limited deals. These offers expire at midnight. First come, first served - stock is limited!"
tag="Ends Today"
tagAnimation="slide-up"
products={[
{
id: "asus-flash",
name: "ASUS TUF A15 Gaming",
price: "৳32,999",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkSsFT5Dmc4F4u7UZOZ1nILZG3/asus-vivobook-go-15-laptop-displayed-fro-1773157167341-33de84f0.jpg?_wi=3",
imageAlt: "ASUS TUF A15 gaming laptop on sale",
},
{
id: "rtx-flash",
name: "RTX 4070 Ti Super",
price: "৳129,999",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkSsFT5Dmc4F4u7UZOZ1nILZG3/nvidia-rtx-4060-graphics-card-displayed--1773157169274-4e75f2d3.png?_wi=3",
imageAlt: "RTX 4070 Ti Super graphics card on flash sale",
},
{
id: "dell-flash",
name: "Dell XPS 13 Plus",
price: "৳64,999",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkSsFT5Dmc4F4u7UZOZ1nILZG3/laptop-lenovo-ideapad-1773157166219-987079b7.jpg",
imageAlt: "Dell XPS 13 Plus ultrabook",
},
{
id: "corsair-flash",
name: "Corsair Virtuoso RGB",
price: "৳8,999",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkSsFT5Dmc4F4u7UZOZ1nILZG3/msi-gf63-thin-gaming-laptop-with-rgb-key-1773157167912-bc81f63a.jpg?_wi=3",
imageAlt: "Corsair Virtuoso RGB gaming headset",
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
</div>
<div id="top-savings" data-section="top-savings" className="bg-amber-50 py-16">
<div className="max-w-7xl mx-auto px-4">
<MetricCardSeven
title="Top Discounts This Week"
description="See which products are saving customers the most money. These items have the highest discount percentages and are trending fast."
tag="Best Savings"
tagIcon={Flame}
tagAnimation="slide-up"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "highest-discount",
value: "40%",
title: "MSI Gaming Laptop",
items: [
"Original: ৳149,999",
"Now: ৳89,999",
"Save: ৳60,000",
"RTX 4060 + Ryzen 5",
],
},
{
id: "most-savings",
value: "35%",
title: "ASUS Monitor 27-inch",
items: [
"Original: ৳32,000",
"Now: ৳20,800",
"Save: ৳11,200",
"144Hz 1440p IPS",
],
},
{
id: "popular-deal",
value: "30%",
title: "Mechanical Keyboard",
items: [
"Original: ৳15,000",
"Now: ৳10,500",
"Save: ৳4,500",
"RGB Hot-swap Keys",
],
},
{
id: "weekly-trending",
value: "25%",
title: "Gaming Mouse + Pad",
items: [
"Original: ৳8,000",
"Now: ৳6,000",
"Save: ৳2,000",
"Bundle Deal",
],
},
]}
carouselMode="buttons"
/>
</div>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="TechHub BD"

View File

@@ -46,7 +46,7 @@ export default function HomePage() {
<HeroLogoBillboardSplit
logoText="Build Your Dream Setup"
description="Discover premium laptops, gaming PCs, and components. Compare specs, get AI recommendations, and join thousands of Bangladeshi tech enthusiasts building their perfect rigs."
background={{ variant: "circleGradient" }}
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "🖥 Build PC", href: "/pc-builder" },
{ text: "💻 Find Laptop", href: "/" },

View File

@@ -42,7 +42,7 @@ export default function PCBuilderPage() {
<HeroLogoBillboardSplit
logoText="PC Builder 2.0"
description="Design your perfect gaming or workstation setup with our advanced PC builder. Select components, check compatibility, view performance benchmarks, and compare prices from verified vendors in Bangladesh."
background={{ variant: "circleGradient" }}
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "🚀 Start Building", href: "#builder" },
{ text: "View Templates", href: "#templates" },