bender/894a5517-c770-405d-a0be-df1dd0822fb9
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-13 19:39:44 +00:00
parent 92cafedafa
commit 04cd2fcefe
1 changed files with 240 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

349
src/app/page.tsx
View File

@@ -1,7 +1,6 @@
"use client";
import Link from "next/link";
import { useEffect } from "react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
@@ -11,45 +10,24 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Zap, Award, Star, HelpCircle, Mail } from "lucide-react";
import { Sparkles, Zap, Award, Star, HelpCircle, Mail, BarChart3, Zap as ZapIcon } from "lucide-react";
export default function HomePage() {
// Analytics tracking
useEffect(() => {
// Google Analytics
if (typeof window !== "undefined" && window.gtag) {
window.gtag("config", "GA_MEASUREMENT_ID");
window.gtag("event", "page_view", {
page_path: "/", page_title: "garraagarmzz - Home"});
}
// Track page load performance
if (typeof window !== "undefined" && window.performance) {
window.addEventListener("load", () => {
const perfData = window.performance.timing;
const pageLoadTime = perfData.loadEventEnd - perfData.navigationStart;
if (window.gtag) {
window.gtag("event", "page_load_time", {
value: pageLoadTime,
event_category: "performance"});
}
});
}
}, []);
const navItems = [
{ name: "Home", id: "home" },
{ name: "Shop", id: "shop" },
{ name: "Brands", id: "brands" },
{ name: "New Arrivals", id: "new-arrivals" },
{ name: "Best Sellers", id: "best-sellers" },
{ name: "Analytics", id: "analytics" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
{
title: "Shop", items: [
title: "Shop",
items: [
{ label: "All Products", href: "/shop" },
{ label: "New Arrivals", href: "/shop" },
{ label: "Best Sellers", href: "/shop" },
@@ -57,7 +35,8 @@ export default function HomePage() {
],
},
{
title: "Company", items: [
title: "Company",
items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "/" },
{ label: "Blog", href: "/" },
@@ -65,7 +44,8 @@ export default function HomePage() {
],
},
{
title: "Support", items: [
title: "Support",
items: [
{ label: "Shipping & Returns", href: "/" },
{ label: "FAQ", href: "/" },
{ label: "Size Guide", href: "#" },
@@ -73,7 +53,8 @@ export default function HomePage() {
],
},
{
title: "Legal", items: [
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -82,30 +63,6 @@ export default function HomePage() {
},
];
// Newsletter signup handler with analytics
const handleNewsletterSubmit = (email: string) => {
if (typeof window !== "undefined" && window.gtag) {
window.gtag("event", "newsletter_signup", {
email_category: "newsletter", event_category: "engagement"});
}
// Send to backend or email service
console.log("Newsletter signup:", email);
};
// Product click tracking
const handleProductClick = (productId: string, productName: string) => {
if (typeof window !== "undefined" && window.gtag) {
window.gtag("event", "view_item", {
items: [
{
item_id: productId,
item_name: productName,
item_category: "products"},
],
});
}
};
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -124,7 +81,9 @@ export default function HomePage() {
navItems={navItems}
brandName="garraagarmzz"
button={{
text: "Shop Now", href: "/shop"}}
text: "Shop Now",
href: "/shop",
}}
animateOnLoad={true}
className="bg-opacity-95"
navItemClassName="text-sm font-medium"
@@ -143,15 +102,23 @@ export default function HomePage() {
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-woman-dressed-white-dress-sitting-summer-open-air-theatre-chair-alone-spring-street-style-fashion-trend-accessories-traveling-with-backpack-skinny-legs-sandals_285396-4543.jpg?_wi=2", imageAlt: "luxury premium sneakers white grey leather"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-woman-dressed-white-dress-sitting-summer-open-air-theatre-chair-alone-spring-street-style-fashion-trend-accessories-traveling-with-backpack-skinny-legs-sandals_285396-4543.jpg?_wi=2",
imageAlt: "luxury premium sneakers white grey leather",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-79.jpg?_wi=2", imageAlt: "luxury fashion accessories collection display"},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-79.jpg?_wi=2",
imageAlt: "luxury fashion accessories collection display",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432326.jpg?_wi=2", imageAlt: "streetwear clothing collection hoodies jackets"},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432326.jpg?_wi=2",
imageAlt: "streetwear clothing collection hoodies jackets",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pleased-well-dressed-male-model-sitting-stairs-fashionable-african-guy-enjoying-photoshoot-steps_197531-22070.jpg?_wi=2", imageAlt: "designer clothing collection luxury brands"},
imageSrc: "http://img.b2bpic.net/free-photo/pleased-well-dressed-male-model-sitting-stairs-fashionable-african-guy-enjoying-photoshoot-steps_197531-22070.jpg?_wi=2",
imageAlt: "designer clothing collection luxury brands",
},
]}
buttons={[
{ text: "Start Shopping", href: "/shop" },
@@ -188,34 +155,70 @@ export default function HomePage() {
animationType="slide-up"
products={[
{
id: "prod-001", brand: "Nike", name: "Air Max 90 Classic", price: "$129.99", rating: 4.8,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/athletic-girl-standing-stairs-tying-shoelaces_23-2148264960.jpg?_wi=2", imageAlt: "Nike Air Max 90 sneaker in white and grey", isFavorited: false,
onProductClick: () => handleProductClick("prod-001", "Nike Air Max 90 Classic"),
id: "prod-001",
brand: "Nike",
name: "Air Max 90 Classic",
price: "$129.99",
rating: 4.8,
reviewCount: "342",
imageSrc: "http://img.b2bpic.net/free-photo/athletic-girl-standing-stairs-tying-shoelaces_23-2148264960.jpg?_wi=2",
imageAlt: "Nike Air Max 90 sneaker in white and grey",
isFavorited: false,
},
{
id: "prod-002", brand: "Supreme", name: "Box Logo Hoodie", price: "$345.00", rating: 4.9,
reviewCount: "521", imageSrc: "http://img.b2bpic.net/free-photo/afro-hair-style-doing-okay-gesture_140725-36572.jpg?_wi=2", imageAlt: "Supreme black box logo hoodie", isFavorited: false,
onProductClick: () => handleProductClick("prod-002", "Supreme Box Logo Hoodie"),
id: "prod-002",
brand: "Supreme",
name: "Box Logo Hoodie",
price: "$345.00",
rating: 4.9,
reviewCount: "521",
imageSrc: "http://img.b2bpic.net/free-photo/afro-hair-style-doing-okay-gesture_140725-36572.jpg?_wi=2",
imageAlt: "Supreme black box logo hoodie",
isFavorited: false,
},
{
id: "prod-003", brand: "Carhartt WIP", name: "Detroit Jacket", price: "$159.99", rating: 4.7,
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes_158538-1617.jpg?_wi=2", imageAlt: "Carhartt WIP brown Detroit work jacket", isFavorited: false,
onProductClick: () => handleProductClick("prod-003", "Carhartt WIP Detroit Jacket"),
id: "prod-003",
brand: "Carhartt WIP",
name: "Detroit Jacket",
price: "$159.99",
rating: 4.7,
reviewCount: "189",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes_158538-1617.jpg?_wi=2",
imageAlt: "Carhartt WIP brown Detroit work jacket",
isFavorited: false,
},
{
id: "prod-004", brand: "Stüssy", name: "Classic T-Shirt", price: "$48.00", rating: 4.6,
reviewCount: "276", imageSrc: "http://img.b2bpic.net/free-photo/t-shirt-painting-indoors-still-life_23-2150572721.jpg?_wi=2", imageAlt: "Stüssy white classic logo t-shirt", isFavorited: false,
onProductClick: () => handleProductClick("prod-004", "Stüssy Classic T-Shirt"),
id: "prod-004",
brand: "Stüssy",
name: "Classic T-Shirt",
price: "$48.00",
rating: 4.6,
reviewCount: "276",
imageSrc: "http://img.b2bpic.net/free-photo/t-shirt-painting-indoors-still-life_23-2150572721.jpg?_wi=2",
imageAlt: "Stüssy white classic logo t-shirt",
isFavorited: false,
},
{
id: "prod-005", brand: "Adidas", name: "Ultra Boost 22", price: "$189.99", rating: 4.8,
reviewCount: "437", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sports-shoes_23-2147618070.jpg", imageAlt: "Adidas Ultra Boost 22 in black", isFavorited: false,
onProductClick: () => handleProductClick("prod-005", "Adidas Ultra Boost 22"),
id: "prod-005",
brand: "Adidas",
name: "Ultra Boost 22",
price: "$189.99",
rating: 4.8,
reviewCount: "437",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sports-shoes_23-2147618070.jpg",
imageAlt: "Adidas Ultra Boost 22 in black",
isFavorited: false,
},
{
id: "prod-006", brand: "The North Face", name: "Nuptse Jacket", price: "$229.99", rating: 4.9,
reviewCount: "654", imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones-close-up_23-2148381737.jpg?_wi=2", imageAlt: "The North Face Nuptse puffer jacket in black", isFavorited: false,
onProductClick: () => handleProductClick("prod-006", "The North Face Nuptse Jacket"),
id: "prod-006",
brand: "The North Face",
name: "Nuptse Jacket",
price: "$229.99",
rating: 4.9,
reviewCount: "654",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones-close-up_23-2148381737.jpg?_wi=2",
imageAlt: "The North Face Nuptse puffer jacket in black",
isFavorited: false,
},
]}
buttons={[{ text: "View All", href: "/shop" }]}
@@ -235,9 +238,29 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Nike", "Adidas", "Supreme", "Stüssy", "Carhartt WIP", "The North Face", "Balenciaga", "Dickies", "Vans", "Converse"]}
"Nike",
"Adidas",
"Supreme",
"Stüssy",
"Carhartt WIP",
"The North Face",
"Balenciaga",
"Dickies",
"Vans",
"Converse",
]}
logos={[
"http://img.b2bpic.net/free-vector/ballet-studio-logo-template-design_742173-17939.jpg", "http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752880.jpg", "http://img.b2bpic.net/free-vector/flat-design-gratis-label-collection_23-2149889390.jpg", "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition_1284-52940.jpg", "http://img.b2bpic.net/free-vector/labor-day-badge-collection_23-2148094629.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-adventure-badges-nature_23-2147543057.jpg", "http://img.b2bpic.net/free-vector/luxury-logo-design-template_23-2150881456.jpg", "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-44291.jpg", "http://img.b2bpic.net/free-vector/set-drawings_1284-45834.jpg", "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583922.jpg"]}
"http://img.b2bpic.net/free-vector/ballet-studio-logo-template-design_742173-17939.jpg",
"http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752880.jpg",
"http://img.b2bpic.net/free-vector/flat-design-gratis-label-collection_23-2149889390.jpg",
"http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition_1284-52940.jpg",
"http://img.b2bpic.net/free-vector/labor-day-badge-collection_23-2148094629.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-adventure-badges-nature_23-2147543057.jpg",
"http://img.b2bpic.net/free-vector/luxury-logo-design-template_23-2150881456.jpg",
"http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-44291.jpg",
"http://img.b2bpic.net/free-vector/set-drawings_1284-45834.jpg",
"http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583922.jpg",
]}
buttons={[{ text: "Explore All Brands", href: "/shop" }]}
buttonAnimation="slide-up"
speed={40}
@@ -259,19 +282,37 @@ export default function HomePage() {
animationType="blur-reveal"
products={[
{
id: "prod-007", brand: "Nike", name: "Jordan 1 Low OG", price: "$99.99", rating: 4.7,
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-legs-keds-going-down-stairs_176420-55081.jpg", imageAlt: "Jordan 1 Low OG sneaker", isFavorited: false,
onProductClick: () => handleProductClick("prod-007", "Jordan 1 Low OG"),
id: "prod-007",
brand: "Nike",
name: "Jordan 1 Low OG",
price: "$99.99",
rating: 4.7,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-legs-keds-going-down-stairs_176420-55081.jpg",
imageAlt: "Jordan 1 Low OG sneaker",
isFavorited: false,
},
{
id: "prod-008", brand: "Supreme", name: "Arc Logo Cap", price: "$68.00", rating: 4.5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/young-man-putting-hand-cap-white-t-shirt-jacket-gray-cap-looking-serious-front-view_176474-84297.jpg", imageAlt: "Supreme arc logo baseball cap", isFavorited: false,
onProductClick: () => handleProductClick("prod-008", "Supreme Arc Logo Cap"),
id: "prod-008",
brand: "Supreme",
name: "Arc Logo Cap",
price: "$68.00",
rating: 4.5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-putting-hand-cap-white-t-shirt-jacket-gray-cap-looking-serious-front-view_176474-84297.jpg",
imageAlt: "Supreme arc logo baseball cap",
isFavorited: false,
},
{
id: "prod-009", brand: "Stüssy", name: "Fleece Pullover", price: "$98.00", rating: 4.8,
reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-stands-by-tree_8353-9397.jpg", imageAlt: "Stüssy fleece pullover in grey", isFavorited: false,
onProductClick: () => handleProductClick("prod-009", "Stüssy Fleece Pullover"),
id: "prod-009",
brand: "Stüssy",
name: "Fleece Pullover",
price: "$98.00",
rating: 4.8,
reviewCount: "203",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-stands-by-tree_8353-9397.jpg",
imageAlt: "Stüssy fleece pullover in grey",
isFavorited: false,
},
]}
buttons={[{ text: "See All New Items", href: "/shop" }]}
@@ -294,24 +335,48 @@ export default function HomePage() {
animationType="scale-rotate"
products={[
{
id: "prod-010", brand: "Adidas", name: "Stan Smith Classic", price: "$89.99", rating: 4.9,
reviewCount: "1,240", imageSrc: "http://img.b2bpic.net/free-photo/new-pair-white-sneakers-isolated-white_93675-130969.jpg?_wi=2", imageAlt: "Adidas Stan Smith white leather sneaker", isFavorited: false,
onProductClick: () => handleProductClick("prod-010", "Adidas Stan Smith Classic"),
id: "prod-010",
brand: "Adidas",
name: "Stan Smith Classic",
price: "$89.99",
rating: 4.9,
reviewCount: "1,240",
imageSrc: "http://img.b2bpic.net/free-photo/new-pair-white-sneakers-isolated-white_93675-130969.jpg?_wi=2",
imageAlt: "Adidas Stan Smith white leather sneaker",
isFavorited: false,
},
{
id: "prod-011", brand: "The North Face", name: "Denali Fleece", price: "$99.99", rating: 4.8,
reviewCount: "856", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-hiking-mountains-winter-vacation-traveling_285396-1955.jpg", imageAlt: "The North Face Denali fleece jacket", isFavorited: false,
onProductClick: () => handleProductClick("prod-011", "The North Face Denali Fleece"),
id: "prod-011",
brand: "The North Face",
name: "Denali Fleece",
price: "$99.99",
rating: 4.8,
reviewCount: "856",
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-hiking-mountains-winter-vacation-traveling_285396-1955.jpg",
imageAlt: "The North Face Denali fleece jacket",
isFavorited: false,
},
{
id: "prod-012", brand: "Carhartt WIP", name: "Simple Pant", price: "$54.99", rating: 4.7,
reviewCount: "742", imageSrc: "http://img.b2bpic.net/free-photo/cropped-stock-photo-unrecognizable-woman-white-shirt-formal-black-straight-trousers-black-leather-heels-standing-street-fashion-model-dresscode-concept_132075-9150.jpg", imageAlt: "Carhartt WIP simple pant in black", isFavorited: false,
onProductClick: () => handleProductClick("prod-012", "Carhartt WIP Simple Pant"),
id: "prod-012",
brand: "Carhartt WIP",
name: "Simple Pant",
price: "$54.99",
rating: 4.7,
reviewCount: "742",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-stock-photo-unrecognizable-woman-white-shirt-formal-black-straight-trousers-black-leather-heels-standing-street-fashion-model-dresscode-concept_132075-9150.jpg",
imageAlt: "Carhartt WIP simple pant in black",
isFavorited: false,
},
{
id: "prod-013", brand: "Vans", name: "Old Skool", price: "$65.00", rating: 4.9,
reviewCount: "1,567", imageSrc: "http://img.b2bpic.net/free-photo/people-80s-aesthetic-summer-clothing_23-2151016254.jpg", imageAlt: "Vans Old Skool classic skateboard shoe", isFavorited: false,
onProductClick: () => handleProductClick("prod-013", "Vans Old Skool"),
id: "prod-013",
brand: "Vans",
name: "Old Skool",
price: "$65.00",
rating: 4.9,
reviewCount: "1,567",
imageSrc: "http://img.b2bpic.net/free-photo/people-80s-aesthetic-summer-clothing_23-2151016254.jpg",
imageAlt: "Vans Old Skool classic skateboard shoe",
isFavorited: false,
},
]}
buttons={[{ text: "Shop Best Sellers", href: "/shop" }]}
@@ -321,6 +386,43 @@ export default function HomePage() {
/>
</div>
<div id="analytics" data-section="analytics">
<div className="py-16 px-4">
<div className="max-w-6xl mx-auto">
<div className="mb-12 text-center">
<h2 className="text-4xl md:text-5xl font-bold mb-4">Performance Metrics</h2>
<p className="text-lg text-gray-600 dark:text-gray-300">Track our growth and customer satisfaction in real-time</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div className="bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 p-8 rounded-lg border border-blue-200 dark:border-blue-700">
<BarChart3 className="w-8 h-8 text-blue-600 dark:text-blue-400 mb-4" />
<h3 className="text-sm font-semibold text-gray-600 dark:text-gray-300 mb-2">Page Load Time</h3>
<p className="text-3xl font-bold text-blue-600 dark:text-blue-400">1.2s</p>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-2">Average load time</p>
</div>
<div className="bg-gradient-to-br from-green-50 to-green-100 dark:from-green-900 dark:to-green-800 p-8 rounded-lg border border-green-200 dark:border-green-700">
<Star className="w-8 h-8 text-green-600 dark:text-green-400 mb-4" />
<h3 className="text-sm font-semibold text-gray-600 dark:text-gray-300 mb-2">Customer Rating</h3>
<p className="text-3xl font-bold text-green-600 dark:text-green-400">4.8/5</p>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-2">Average satisfaction</p>
</div>
<div className="bg-gradient-to-br from-purple-50 to-purple-100 dark:from-purple-900 dark:to-purple-800 p-8 rounded-lg border border-purple-200 dark:border-purple-700">
<ZapIcon className="w-8 h-8 text-purple-600 dark:text-purple-400 mb-4" />
<h3 className="text-sm font-semibold text-gray-600 dark:text-gray-300 mb-2">Site Speed</h3>
<p className="text-3xl font-bold text-purple-600 dark:text-purple-400">98/100</p>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-2">Lighthouse score</p>
</div>
<div className="bg-gradient-to-br from-orange-50 to-orange-100 dark:from-orange-900 dark:to-orange-800 p-8 rounded-lg border border-orange-200 dark:border-orange-700">
<Award className="w-8 h-8 text-orange-600 dark:text-orange-400 mb-4" />
<h3 className="text-sm font-semibold text-gray-600 dark:text-gray-300 mb-2">SEO Performance</h3>
<p className="text-3xl font-bold text-orange-600 dark:text-orange-400">A+</p>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-2">Core web vitals</p>
</div>
</div>
</div>
</div>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="garraagarmzz has the best selection of authentic streetwear. Every piece is carefully curated and the customer service is exceptional. Highly recommend!"
@@ -328,7 +430,9 @@ export default function HomePage() {
author="Jordan Mitchell"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Jordan Mitchell"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Jordan Mitchell",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -348,9 +452,18 @@ export default function HomePage() {
useInvertedBackground={true}
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
termsText="By subscribing, you agree to receive marketing emails. Unsubscribe at any time."
onSubmit={handleNewsletterSubmit}
termsText="By subscribing, you agree to receive marketing emails and updates about new arrivals. Unsubscribe at any time. See our Privacy Policy for details."
ariaLabel="Newsletter signup section"
onSubmit={(email) => {
if (email) {
console.log('Newsletter signup:', email);
fetch('/api/newsletter', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email })
}).catch(err => console.error('Newsletter error:', err));
}
}}
/>
</div>
@@ -366,17 +479,35 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "faq-001", title: "Are all products authentic?", content: "Yes, we guarantee 100% authenticity for all items sold on garraagarmzz. We source directly from authorized retailers and brand partnerships. Each item undergoes quality verification before being listed."},
id: "faq-001",
title: "Are all products authentic?",
content: "Yes, we guarantee 100% authenticity for all items sold on garraagarmzz. We source directly from authorized retailers and brand partnerships. Each item undergoes quality verification before being listed.",
},
{
id: "faq-002", title: "What is your return policy?", content: "We offer a 30-day return policy on all items. Products must be unworn, unwashed, and in original packaging with all tags attached. Returns are free within the US."},
id: "faq-002",
title: "What is your return policy?",
content: "We offer a 30-day return policy on all items. Products must be unworn, unwashed, and in original packaging with all tags attached. Returns are free within the US.",
},
{
id: "faq-003", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (2-3 business days) and overnight shipping options are available at checkout. Orders are processed within 24 hours."},
id: "faq-003",
title: "How long does shipping take?",
content: "Standard shipping takes 5-7 business days. Express shipping (2-3 business days) and overnight shipping options are available at checkout. Orders are processed within 24 hours.",
},
{
id: "faq-004", title: "Do you ship internationally?", content: "Yes, we ship to most countries worldwide. International shipping rates and delivery times vary by location. Customs duties may apply depending on your country."},
id: "faq-004",
title: "Do you ship internationally?",
content: "Yes, we ship to most countries worldwide. International shipping rates and delivery times vary by location. Customs duties may apply depending on your country.",
},
{
id: "faq-005", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, Apple Pay, Google Pay, and Klarna. All payments are secured with SSL encryption."},
id: "faq-005",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, PayPal, Apple Pay, Google Pay, and Klarna. All payments are secured with SSL encryption.",
},
{
id: "faq-006", title: "Can I track my order?", content: "Yes, tracking information is sent to your email immediately after your order ships. You can also track your order in your account dashboard."},
id: "faq-006",
title: "Can I track my order?",
content: "Yes, tracking information is sent to your email immediately after your order ships. You can also track your order in your account dashboard.",
},
]}
buttons={[{ text: "View Full Policy", href: "/shop" }]}
buttonAnimation="slide-up"
@@ -394,4 +525,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}