bender/83c1ccbb-d301-4e5a-a409-73a2fdfbd8ee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 2 commits from version_3 into main 2026-04-18 22:13:05 +00:00
Conversation 0 Commits 2 Files Changed 2 +68 -13
2 changed files with 68 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/page.tsx
View File

@@ -12,8 +12,15 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Globe, Instagram, Linkedin, Sparkles, Twitter, Users } from "lucide-react";
import { useRouter } from "next/navigation";
export default function LandingPage() {
const router = useRouter();
const handleProductClick = (id: string) => {
router.push(`/product/${id}`);
};
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -67,18 +74,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Essential Pod", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
{
id: "p2", name: "Audio Prime", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
{
id: "p3", name: "Smart Dock", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
{
id: "p4", name: "Sonic Buds", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
{
id: "p5", name: "T&B Watch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-man-wearing-white-t-shirt-light-blue-denim-shirt-rolling-up-his-right-sleeve-showing-tattooed-arm-isolated-white_346278-937.jpg", priceButtonProps: { text: "Buy Now" }},
{
id: "p6", name: "Power Bank", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg", priceButtonProps: { text: "Buy Now" }},
{ id: "p1", name: "Essential Pod", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg?_wi=1", onProductClick: () => handleProductClick("p1"), priceButtonProps: { text: "Buy Now" } },
{ id: "p2", name: "Audio Prime", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=1", onProductClick: () => handleProductClick("p2"), priceButtonProps: { text: "Buy Now" } },
{ id: "p3", name: "Smart Dock", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg?_wi=1", onProductClick: () => handleProductClick("p3"), priceButtonProps: { text: "Buy Now" } },
{ id: "p4", name: "Sonic Buds", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=1", onProductClick: () => handleProductClick("p4"), priceButtonProps: { text: "Buy Now" } },
{ id: "p5", name: "T&B Watch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-man-wearing-white-t-shirt-light-blue-denim-shirt-rolling-up-his-right-sleeve-showing-tattooed-arm-isolated-white_346278-937.jpg", onProductClick: () => handleProductClick("p5"), priceButtonProps: { text: "Buy Now" } },
{ id: "p6", name: "Power Bank", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg", onProductClick: () => handleProductClick("p6"), priceButtonProps: { text: "Buy Now" } },
]}
title="Essential Collection"
description="Carefully curated products built for the modern lifestyle."
@@ -241,4 +242,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

54
src/app/product/[id]/page.tsx Normal file
View File

@@ -0,0 +1,54 @@
"use client";
import { useParams } from "next/navigation";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Twitter, Instagram, Linkedin } from "lucide-react";
export default function ProductDetailPage() {
const { id } = useParams();
const handleCheckout = () => {
window.location.href = "https://www.shopier.com/checkout";
};
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="blurBottom"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<ReactLenis root>
<NavbarStyleCentered navItems={[{ name: "Back to Shop", id: "products" }]} brandName="T&B" />
<div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto text-center">
<h1 className="text-5xl font-light mb-6">Product ID: {id}</h1>
<p className="text-xl mb-12 opacity-80">Explore the refined details of our premium product collection. Built with precision for your lifestyle.</p>
<button
onClick={handleCheckout}
className="px-8 py-4 bg-primary text-white rounded hover:opacity-90 transition-all"
>
Complete Checkout with Shopier
</button>
</div>
<FooterCard
logoText="T&B"
copyrightText="© 2025 T&B. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Linkedin, href: "#", ariaLabel: "Linkedin" },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}