Merge version_1 into main #5

Merged
bender merged 2 commits from version_1 into main 2026-03-07 14:28:39 +00:00
2 changed files with 63 additions and 57 deletions

View File

@@ -1,5 +1,6 @@
import type { Metadata } from "next";
import { Libre_Baskerville, Inter } from "next/font/google";
import { Halant } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
@@ -13,6 +14,11 @@ const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
export const metadata: Metadata = {
title: "Premium Graphic T-Shirts | Your Logo", description: "Discover premium graphic tees for modern lifestyle. Shop bold streetwear designs with exceptional quality and unique artistic prints.", keywords: "graphic t-shirts, streetwear, fashion, premium tees, modern style, artistic prints", metadataBase: new URL("https://yourlogo.com"),
alternates: {
@@ -20,11 +26,11 @@ export const metadata: Metadata = {
openGraph: {
title: "Premium Graphic T-Shirts | Your Logo", description: "Discover premium graphic tees for modern lifestyle. Shop bold streetwear designs with exceptional quality.", url: "https://yourlogo.com", siteName: "Your Logo", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/young-man-picking-taxi-city_23-2148289262.jpg", alt: "Premium graphic t-shirt showcase"},
url: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg", alt: "Premium graphic t-shirt showcase"},
],
},
twitter: {
card: "summary_large_image", title: "Premium Graphic T-Shirts | Your Logo", description: "Discover premium graphic tees for modern lifestyle", images: ["http://img.b2bpic.net/free-photo/young-man-picking-taxi-city_23-2148289262.jpg"],
card: "summary_large_image", title: "Premium Graphic T-Shirts | Your Logo", description: "Discover premium graphic tees for modern lifestyle", images: ["http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg"],
},
robots: {
index: true,
@@ -41,7 +47,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${libreBaskerville.variable} ${inter.variable} antialiased`}
className={`${libreBaskerville.variable} ${inter.variable} ${halant.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -9,7 +9,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { Sparkles, Zap, TrendingUp, Star, Heart, Camera, Instagram, Twitter, Facebook } from "lucide-react";
import { Sparkles, Zap, TrendingUp, Star, Heart, Camera, Instagram, Twitter, Facebook, Pinterest } from "lucide-react";
export default function HomePage() {
return (
@@ -25,6 +25,7 @@ export default function HomePage() {
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Your Logo"
@@ -33,14 +34,14 @@ export default function HomePage() {
{ name: "Shop", id: "/shop" },
{ name: "Men", id: "/men" },
{ name: "Women", id: "/women" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Cart", href: "/cart" }}
button={{
text: "Cart", href: "/cart"}}
animateOnLoad={true}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Wear Your Attitude"
@@ -50,29 +51,25 @@ export default function HomePage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Shop Now", href: "/shop" },
{ text: "Explore Collection", href: "/shop" }
{
text: "Shop Now", href: "/shop"},
{
text: "Explore Collection", href: "/shop"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-picking-taxi-city_23-2148289262.jpg?_wi=1", imageAlt: "Male model wearing bold graphic t-shirt"
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg", imageAlt: "Male model wearing bold graphic t-shirt"},
{
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/black-white-blouses_23-2147730452.jpg?_wi=1", imageAlt: "Premium black graphic tee showcase"
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448773.jpg", imageAlt: "Premium black graphic tee showcase"},
{
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52027.jpg?_wi=1", imageAlt: "White minimalist graphic t-shirt"
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-vector/merry-christmas-with-creative-card_23-2147578466.jpg", imageAlt: "White minimalist graphic t-shirt"},
{
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-vector/colorful-summer-lettering_23-2148162694.jpg?_wi=1", imageAlt: "Bold color graphic tee design"
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-vector/gospel-word-concept_23-2148717553.jpg", imageAlt: "Bold color graphic tee design"},
{
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/november-poster_23-2147980197.jpg?_wi=1", imageAlt: "Contemporary graphic t-shirt art"
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/crystal-typeface_1284-46616.jpg", imageAlt: "Contemporary graphic t-shirt art"},
{
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-ginger-man_23-2149122893.jpg?_wi=1", imageAlt: "Men's collection overview"
}
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg", imageAlt: "Men's collection overview"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -80,29 +77,31 @@ export default function HomePage() {
/>
</div>
{/* Category Section */}
<div id="category" data-section="category">
<ProductCardFour
title="Shop by Category"
description="Discover our curated collections for men and women"
tag="Featured"
tagIcon={Zap}
tagAnimation="slide-up"
tagAnimation="fade-in"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "men-collection", name: "Men's Collection", price: "Starting at $29.99", variant: "Graphic Tees", imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-ginger-man_23-2149122893.jpg?_wi=2", imageAlt: "Men's graphic t-shirt collection", isFavorited: false
id: "men-collection", name: "Men's Collection", price: "Starting at $29.99", variant: "Graphic Tees", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg", imageAlt: "Men's graphic t-shirt collection", isFavorited: false,
},
{
id: "women-collection", name: "Women's Collection", price: "Starting at $29.99", variant: "Graphic Tees", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-youngs-ladies_171337-12560.jpg?_wi=1", imageAlt: "Women's graphic t-shirt collection", isFavorited: false
}
id: "women-collection", name: "Women's Collection", price: "Starting at $29.99", variant: "Graphic Tees", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigmented-cloths-laundry-wire-arrangement_23-2148734286.jpg", imageAlt: "Women's graphic t-shirt collection", isFavorited: false,
},
]}
gridVariant="two-columns-alternating-heights"
carouselMode="buttons"
/>
</div>
{/* Featured Products Section */}
<div id="highlights" data-section="highlights">
<ProductCardFour
title="Featured Products"
@@ -115,23 +114,24 @@ export default function HomePage() {
useInvertedBackground={false}
products={[
{
id: "product-001", name: "Bold Street Statement Tee", price: "$49.99", variant: "Black • 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/black-white-blouses_23-2147730452.jpg?_wi=2", imageAlt: "Bold street statement graphic t-shirt", isFavorited: false
id: "product-001", name: "Bold Street Statement Tee", price: "$49.99", variant: "Black • 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448773.jpg", imageAlt: "Bold street statement graphic t-shirt", isFavorited: false,
},
{
id: "product-002", name: "Minimal Modern Tee", price: "$44.99", variant: "White • 3 Colors", imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52027.jpg?_wi=2", imageAlt: "Minimal modern design graphic tee", isFavorited: false
id: "product-002", name: "Minimal Modern Tee", price: "$44.99", variant: "White • 3 Colors", imageSrc: "http://img.b2bpic.net/free-vector/merry-christmas-with-creative-card_23-2147578466.jpg", imageAlt: "Minimal modern design graphic tee", isFavorited: false,
},
{
id: "product-003", name: "Vibrant Artistic Print", price: "$54.99", variant: "Multi • 4 Colors", imageSrc: "http://img.b2bpic.net/free-vector/colorful-summer-lettering_23-2148162694.jpg?_wi=2", imageAlt: "Vibrant artistic graphic t-shirt", isFavorited: false
id: "product-003", name: "Vibrant Artistic Print", price: "$54.99", variant: "Multi • 4 Colors", imageSrc: "http://img.b2bpic.net/free-vector/gospel-word-concept_23-2148717553.jpg", imageAlt: "Vibrant artistic graphic t-shirt", isFavorited: false,
},
{
id: "product-004", name: "Contemporary Design Tee", price: "$49.99", variant: "Navy • 6 Colors", imageSrc: "http://img.b2bpic.net/free-vector/november-poster_23-2147980197.jpg?_wi=2", imageAlt: "Contemporary design graphic tee", isFavorited: false
}
id: "product-004", name: "Contemporary Design Tee", price: "$49.99", variant: "Navy • 6 Colors", imageSrc: "http://img.b2bpic.net/free-vector/crystal-typeface_1284-46616.jpg", imageAlt: "Contemporary design graphic tee", isFavorited: false,
},
]}
gridVariant="uniform-all-items-equal"
carouselMode="buttons"
/>
</div>
{/* Social Proof Section */}
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Fashion Enthusiasts Worldwide"
@@ -142,16 +142,15 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Nova", "Streetwear Daily", "Urban Culture", "Modern Style", "Trend Central", "Apparel Co", "Design House"
]}
"Fashion Nova", "Streetwear Daily", "Urban Culture", "Modern Style", "Trend Central", "Apparel Co", "Design House"]}
logos={[
"http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_52683-29861.jpg", "http://img.b2bpic.net/free-vector/vintage-outwear-badges-collection_23-2148792327.jpg", "http://img.b2bpic.net/free-vector/elegant-handwriten-beauty-salon-typography-logo_742173-7481.jpg", "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-collection_23-2148868780.jpg", "http://img.b2bpic.net/free-vector/vintage-badge-pack_23-2147503764.jpg", "http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-pack_23-2148825388.jpg", "http://img.b2bpic.net/free-vector/black-friday-sale-logo-template-design_742173-28051.jpg"
]}
"http://img.b2bpic.net/free-vector/vintage-robert-johnson-handyman-logo_742173-1573.jpg", "http://img.b2bpic.net/free-vector/retro-collection-business-company-logo_23-2148462310.jpg", "http://img.b2bpic.net/free-psd/landing-page-ad-school-template_23-2148797850.jpg", "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147840443.jpg", "http://img.b2bpic.net/free-vector/absinthe-label-font-sample_1284-39602.jpg", "http://img.b2bpic.net/free-vector/authentic-footware-vintage-badge_23-2147504423.jpg", "http://img.b2bpic.net/free-vector/flat-design-fashion-accessories-logo-pack_23-2148881345.jpg"]}
speed={40}
showCard={true}
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="What Our Customers Say"
@@ -166,33 +165,28 @@ export default function HomePage() {
testimonials={[
{
id: "1", name: "Alex Johnson", handle: "@alexstyle", testimonial: "Amazing quality and design! The fit is perfect and the graphic print is stunning. Already ordered my second tee!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-serious-man_23-2149022660.jpg?_wi=1", imageAlt: "Alex Johnson profile"
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", imageAlt: "Alex Johnson profile"},
{
id: "2", name: "Sarah Chen", handle: "@sarahwears", testimonial: "Love these tees! The printing is sharp, the material is soft, and the designs are so unique. Best streetwear brand ever!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-white_181624-33452.jpg?_wi=1", imageAlt: "Sarah Chen profile"
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-1107.jpg", imageAlt: "Sarah Chen profile"},
{
id: "3", name: "Marcus Williams", handle: "@marcusfashion", testimonial: "Great tees with excellent customer service. The designs stand out and compliments keep coming. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg?_wi=1", imageAlt: "Marcus Williams profile"
},
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", imageAlt: "Marcus Williams profile"},
{
id: "4", name: "Emma Rodriguez", handle: "@emmastyle", testimonial: "Perfect for my wardrobe! The graphic quality is exceptional and the sizing is accurate. Will definitely buy more!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-long-haired-singing-woman_1187-5553.jpg?_wi=1", imageAlt: "Emma Rodriguez profile"
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg", imageAlt: "Emma Rodriguez profile"},
{
id: "5", name: "James Park", handle: "@jamesdesign", testimonial: "Incredible designs and top-notch quality. These tees are perfect for making a statement. Absolutely love it!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg?_wi=1", imageAlt: "James Park profile"
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-standing-with-closed-posture-putting-hand-face-looking-up-isolated-green-wall_141793-94395.jpg", imageAlt: "James Park profile"},
{
id: "6", name: "Lisa Thompson", handle: "@lisavibe", testimonial: "Best graphic tees I've ever owned! The attention to detail is amazing and the material feels premium. 10/10!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-girl-blushing-holds-hands-cheeks-looks-excited-receive-happy-news_1258-197145.jpg?_wi=1", imageAlt: "Lisa Thompson profile"
}
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-smiling-sincerely-young-natural-looking-lady-student-age-wearing-blue-cotton-shirt_285396-4376.jpg", imageAlt: "Lisa Thompson profile"},
]}
carouselMode="buttons"
/>
</div>
{/* Instagram Gallery Section */}
<div id="instagram-gallery" data-section="instagram-gallery">
<BlogCardOne
title="Follow Us On Instagram"
@@ -205,30 +199,36 @@ export default function HomePage() {
useInvertedBackground={false}
blogs={[
{
id: "ig-1", category: "Style", title: "Urban Streetwear Look", excerpt: "Styling our bold graphic tee with classic denim", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105240.jpg?_wi=1", imageAlt: "Urban streetwear styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-serious-man_23-2149022660.jpg", date: "Today"
},
id: "ig-1", category: "Style", title: "Urban Streetwear Look", excerpt: "Styling our bold graphic tee with classic denim", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-prepare-clothing-new-journey_53876-47006.jpg", imageAlt: "Urban streetwear styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", date: "Today"},
{
id: "ig-2", category: "Fashion", title: "Casual Cool Vibes", excerpt: "Minimal graphic tee paired with comfortable basics", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-fashion-show-instagram-post_52683-79166.jpg?_wi=1", imageAlt: "Casual cool styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-white_181624-33452.jpg", date: "Yesterday"
},
id: "ig-2", category: "Fashion", title: "Casual Cool Vibes", excerpt: "Minimal graphic tee paired with comfortable basics", imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-couch-with-her-hair-up-white-shirt-jeans_89887-693.jpg", imageAlt: "Casual cool styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/woman-smiling_1187-1107.jpg", date: "Yesterday"},
{
id: "ig-3", category: "Trend", title: "Statement Style", excerpt: "Bold graphic tee making an artistic impression", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-yerba-mate_23-2149860532.jpg?_wi=1", imageAlt: "Statement style look", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", date: "2 days ago"
},
id: "ig-3", category: "Trend", title: "Statement Style", excerpt: "Bold graphic tee making an artistic impression", imageSrc: "http://img.b2bpic.net/free-photo/graceful-woman-looking-shoulder-while-walking-city-outdoor-shot-pleasant-tanned-lady_291650-1699.jpg", imageAlt: "Statement style look", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", date: "2 days ago"},
{
id: "ig-4", category: "Lifestyle", title: "Everyday Comfort", excerpt: "Our premium tee for everyday wear and confidence", imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-instagram-stories-with-photo_23-2148445913.jpg?_wi=1", imageAlt: "Everyday comfort styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/pretty-long-haired-singing-woman_1187-5553.jpg", date: "3 days ago"
}
id: "ig-4", category: "Lifestyle", title: "Everyday Comfort", excerpt: "Our premium tee for everyday wear and confidence", imageSrc: "http://img.b2bpic.net/free-vector/gradient-bold-graphics-instagram-posts-collection_23-2150005822.jpg", imageAlt: "Everyday comfort styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg", date: "3 days ago"},
]}
carouselMode="buttons"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterCard
logoText="Your Logo"
copyrightText="© 2025 Your Logo. All rights reserved."
socialLinks={[
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Twitter"},
{
icon: Facebook,
href: "https://facebook.com", ariaLabel: "Facebook"},
{
icon: Pinterest,
href: "https://pinterest.com", ariaLabel: "Pinterest"},
]}
/>
</div>