Merge version_1 into main #5
@@ -30,7 +30,7 @@ const footerColumns = [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -185,7 +185,6 @@ export default function HomePage() {
|
||||
className="w-full"
|
||||
containerClassName="px-4 md:px-8"
|
||||
itemClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-gray-300 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,58 +1,58 @@
|
||||
"use client";
|
||||
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Zap, Star, Crown, HelpCircle } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Zap, Star, Crown, Mail } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Build Guides", href: "#" },
|
||||
{ label: "PC Reviews", href: "#" },
|
||||
{ label: "Gaming News", href: "#" },
|
||||
{ label: "Comparisons", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Support", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Legal", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default function ProductsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Build Guides", href: "#" },
|
||||
{ label: "PC Reviews", href: "#" },
|
||||
{ label: "Gaming News", href: "#" },
|
||||
{ label: "Comparisons", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Support", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Legal", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -66,87 +66,41 @@ export default function ProductsPage() {
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="GamingPC Hub"
|
||||
navItems={navItems}
|
||||
/>
|
||||
<NavbarStyleApple brandName="GamingPC Hub" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="products-section" data-section="products-section">
|
||||
{/* Products Section */}
|
||||
<div id="products-section" data-section="products-section" className="py-16 md:py-24">
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "RTX 4090 Graphics Card",
|
||||
price: "$1,599",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/close-up-professional-product-photo-of-a-1773406109341-f34ff138.png?_wi=3",
|
||||
imageAlt: "NVIDIA RTX 4090 Graphics Card",
|
||||
priceButtonProps: {},
|
||||
id: "product-1", name: "RTX 4090 Graphics Card", price: "$1,599", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/close-up-professional-product-photo-of-a-1773406109341-f34ff138.png", imageAlt: "NVIDIA RTX 4090 Graphics Card", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Intel Core i9-13900K",
|
||||
price: "$699",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-macro-photography-of-a-high-1773406109745-0b1acddd.png?_wi=3",
|
||||
imageAlt: "Intel Core i9 13th Gen Processor",
|
||||
priceButtonProps: {},
|
||||
id: "product-2", name: "Intel Core i9-13900K", price: "$699", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-macro-photography-of-a-high-1773406109745-0b1acddd.png", imageAlt: "Intel Core i9 13th Gen Processor", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Liquid Cooling System",
|
||||
price: "$249",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406108773-fddf6c3f.png?_wi=3",
|
||||
imageAlt: "Premium Liquid Cooling System",
|
||||
priceButtonProps: {},
|
||||
id: "product-3", name: "Liquid Cooling System", price: "$249", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406108773-fddf6c3f.png", imageAlt: "Premium Liquid Cooling System", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Premium Gaming Motherboard",
|
||||
price: "$449",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406109314-e8f291c6.png?_wi=2",
|
||||
imageAlt: "High-End Gaming Motherboard",
|
||||
priceButtonProps: {},
|
||||
id: "product-4", name: "Premium Gaming Motherboard", price: "$449", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406109314-e8f291c6.png", imageAlt: "High-End Gaming Motherboard", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "DDR5 RAM Kit 64GB",
|
||||
price: "$399",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-close-up-photography-of-pre-1773406109009-7048c45f.png?_wi=2",
|
||||
imageAlt: "Gaming DDR5 Memory Modules",
|
||||
priceButtonProps: {},
|
||||
id: "product-5", name: "DDR5 RAM Kit 64GB", price: "$399", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-close-up-photography-of-pre-1773406109009-7048c45f.png", imageAlt: "Gaming DDR5 Memory Modules", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "2TB NVMe SSD",
|
||||
price: "$199",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406108990-9353d5bd.png?_wi=3",
|
||||
imageAlt: "High-Speed NVMe Storage",
|
||||
priceButtonProps: {},
|
||||
id: "product-6", name: "2TB NVMe SSD", price: "$199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406108990-9353d5bd.png", imageAlt: "High-Speed NVMe Storage", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-7",
|
||||
name: "1000W Modular PSU",
|
||||
price: "$179",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406109225-d4145a56.png?_wi=2",
|
||||
imageAlt: "Modular Power Supply Unit",
|
||||
priceButtonProps: {},
|
||||
id: "product-7", name: "1000W Modular PSU", price: "$179", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406109225-d4145a56.png", imageAlt: "Modular Power Supply Unit", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-8",
|
||||
name: "Premium Gaming Case",
|
||||
price: "$299",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406108844-9f0a012a.png?_wi=2",
|
||||
imageAlt: "Professional Gaming PC Case",
|
||||
priceButtonProps: {},
|
||||
id: "product-8", name: "Premium Gaming Case", price: "$299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-pr-1773406108844-9f0a012a.png", imageAlt: "Professional Gaming PC Case", priceButtonProps: {},
|
||||
},
|
||||
{
|
||||
id: "product-9",
|
||||
name: "Curved Gaming Monitor",
|
||||
price: "$599",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-cu-1773406108750-e4d765c6.png?_wi=3",
|
||||
imageAlt: "High-Refresh Gaming Monitor",
|
||||
priceButtonProps: {},
|
||||
id: "product-9", name: "Curved Gaming Monitor", price: "$599", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtJIJgcxShqOlYL2lWELzHhPVq/professional-product-photography-of-a-cu-1773406108750-e4d765c6.png", imageAlt: "High-Refresh Gaming Monitor", priceButtonProps: {},
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
@@ -158,91 +112,38 @@ export default function ProductsPage() {
|
||||
tag="SHOP NOW"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Complete Store",
|
||||
href: "/products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Products", href: "/products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
className="w-full"
|
||||
containerClassName="px-4 md:px-8 py-16 md:py-24"
|
||||
titleClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-gray-300 mt-4"
|
||||
containerClassName="px-4 md:px-8"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
||||
textBoxDescriptionClassName="text-lg text-gray-300 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing-section" data-section="pricing-section">
|
||||
{/* Pricing Section */}
|
||||
<div id="pricing-section" data-section="pricing-section" className="bg-gray-900 bg-opacity-50 py-16 md:py-24">
|
||||
<PricingCardEight
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "ENTRY LEVEL",
|
||||
badgeIcon: Zap,
|
||||
price: "$899",
|
||||
subtitle: "Perfect for casual gaming",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "starter", badge: "ENTRY LEVEL", badgeIcon: Zap,
|
||||
price: "$899", subtitle: "Perfect for casual gaming", buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
features: [
|
||||
"RTX 4060 Graphics Card",
|
||||
"Intel i5-13600K Processor",
|
||||
"16GB DDR5 RAM",
|
||||
"500GB NVMe SSD",
|
||||
"Air Cooling System",
|
||||
"1 Year Warranty",
|
||||
],
|
||||
"RTX 4060 Graphics Card", "Intel i5-13600K Processor", "16GB DDR5 RAM", "500GB NVMe SSD", "Air Cooling System", "1 Year Warranty"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "MOST POPULAR",
|
||||
badgeIcon: Star,
|
||||
price: "$1,899",
|
||||
subtitle: "Ultimate gaming performance",
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "professional", badge: "MOST POPULAR", badgeIcon: Star,
|
||||
price: "$1,899", subtitle: "Ultimate gaming performance", buttons: [{ text: "Order Now", href: "#contact" }],
|
||||
features: [
|
||||
"RTX 4080 Graphics Card",
|
||||
"Intel i9-13900KS Processor",
|
||||
"32GB DDR5 RAM",
|
||||
"2TB NVMe SSD",
|
||||
"Liquid Cooling AIO",
|
||||
"3 Year Warranty",
|
||||
"Priority Support",
|
||||
"Free Upgrades",
|
||||
],
|
||||
"RTX 4080 Graphics Card", "Intel i9-13900KS Processor", "32GB DDR5 RAM", "2TB NVMe SSD", "Liquid Cooling AIO", "3 Year Warranty", "Priority Support", "Free Upgrades"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "SUPREME",
|
||||
badgeIcon: Crown,
|
||||
price: "$2,999",
|
||||
subtitle: "Professional-grade powerhouse",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "elite", badge: "SUPREME", badgeIcon: Crown,
|
||||
price: "$2,999", subtitle: "Professional-grade powerhouse", buttons: [{ text: "Contact Sales", href: "#contact" }],
|
||||
features: [
|
||||
"RTX 4090 Graphics Card",
|
||||
"Intel i9-13900K x2 (Dual)",
|
||||
"64GB DDR5 RAM",
|
||||
"4TB NVMe SSD",
|
||||
"Dual Liquid Cooling",
|
||||
"5 Year Warranty",
|
||||
"Lifetime Support",
|
||||
"Custom Builds Available",
|
||||
],
|
||||
"RTX 4090 Graphics Card", "Intel i9-13900K x2 (Dual)", "64GB DDR5 RAM", "4TB NVMe SSD", "Dual Liquid Cooling", "5 Year Warranty", "Lifetime Support", "Custom Builds Available"],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
@@ -253,90 +154,48 @@ export default function ProductsPage() {
|
||||
tag="PRICING"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Customize Build",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Customize Build", href: "/contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
className="w-full"
|
||||
containerClassName="px-4 md:px-8 py-16 md:py-24"
|
||||
titleClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-gray-300 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-section" data-section="faq-section">
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What makes a gaming PC different from a regular computer?",
|
||||
content: "Gaming PCs feature high-performance components like dedicated graphics cards (GPUs), powerful processors (CPUs), and advanced cooling systems. These are optimized for high frame rates, detailed graphics, and smooth gameplay, while regular computers prioritize everyday tasks.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How much should I spend on a gaming PC?",
|
||||
content: "Gaming PC budgets range from $800 for entry-level gaming to $3,000+ for professional-grade systems. Entry-level ($800-$1,200) handles 1080p gaming, mid-range ($1,200-$2,000) supports 1440p gaming, and high-end ($2,000+) enables 4K gaming with maximum settings.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What's more important: GPU or CPU?",
|
||||
content: "Both are crucial, but for gaming, the GPU (graphics card) typically has more impact on frame rates and visual quality. However, a balanced system requires a capable CPU to avoid bottlenecking. Your choice depends on your target resolution and game settings.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Is 16GB RAM enough for gaming?",
|
||||
content: "16GB DDR5 RAM is currently the standard for comfortable gaming in 2024. For competitive multiplayer or casual single-player gaming, 16GB is sufficient. For content creation or heavy multitasking, 32GB is recommended.",
|
||||
},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "How often should I upgrade my gaming PC?",
|
||||
content: "Gaming PC components typically last 5-7 years before needing significant upgrades. Major GPU updates occur every 2-3 years, CPUs every 3-4 years. You can extend your system's lifespan by upgrading individual components like the GPU or adding more RAM.",
|
||||
},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "Do you offer custom PC builds?",
|
||||
content: "Yes! Gaming PC Hub specializes in custom builds tailored to your specific needs, budget, and gaming preferences. Contact our expert team to discuss your requirements, and we'll create the perfect configuration for you.",
|
||||
},
|
||||
{
|
||||
id: "faq-7",
|
||||
title: "What's the warranty coverage on gaming PCs?",
|
||||
content: "Our gaming PCs come with comprehensive 1-3 year warranties covering parts and labor. Premium plans include extended 5-year warranties and lifetime technical support. All components are individually warranted by manufacturers.",
|
||||
},
|
||||
{
|
||||
id: "faq-8",
|
||||
title: "Can I upgrade components later?",
|
||||
content: "Absolutely! Gaming PCs are highly modular. You can upgrade the GPU, CPU, RAM, storage, and cooling systems independently as new technology emerges or your needs evolve. We provide upgrade guidance with every build.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers to frequently asked questions about gaming PCs, components, and our services."
|
||||
tag="FAQ"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
className="w-full"
|
||||
containerClassName="px-4 md:px-8 py-16 md:py-24"
|
||||
containerClassName="px-4 md:px-8"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
||||
textBoxDescriptionClassName="text-lg text-gray-300 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
{/* Contact Section */}
|
||||
<div id="contact-section" data-section="contact-section" className="bg-gradient-to-r from-gray-900 to-black py-16 md:py-24">
|
||||
<ContactSplit
|
||||
tag="GET IN TOUCH"
|
||||
title="Connect With Our Gaming Experts"
|
||||
description="Have questions about gaming PCs or need personalized recommendations? Our expert team is ready to help you find the perfect gaming solution."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="blur-reveal"
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
mediaAnimation="blur-reveal"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Send Message"
|
||||
termsText="By contacting us, you agree to our Terms of Service and Privacy Policy."
|
||||
onSubmit={null}
|
||||
className="w-full"
|
||||
containerClassName="px-4 md:px-8"
|
||||
contentClassName="max-w-5xl"
|
||||
tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-opacity-10 border border-current"
|
||||
titleClassName="text-4xl md:text-5xl font-bold mt-4"
|
||||
descriptionClassName="text-lg text-gray-300 mt-4"
|
||||
formWrapperClassName="mt-8"
|
||||
inputClassName="w-full px-6 py-3 rounded-lg border border-gray-600 bg-gray-900 text-white placeholder-gray-400 focus:outline-none focus:border-current"
|
||||
buttonClassName="mt-4 px-8 py-3 rounded-lg font-semibold transition-all duration-300"
|
||||
termsClassName="mt-4 text-sm text-gray-400"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer" className="bg-black border-t border-gray-800 py-12">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Gaming PC Hub"
|
||||
columns={footerColumns}
|
||||
|
||||
Reference in New Issue
Block a user