diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 156f5ce..c063703 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -10,11 +10,10 @@ import { Mail } from "lucide-react";
export default function ContactPage() {
const navItems = [
- { name: "Shop", id: "shop" },
- { name: "Collections", id: "collections" },
- { name: "About", id: "about" },
- { name: "Contact", id: "contact" },
- { name: "Account", id: "account" },
+ { name: "Home", id: "/" },
+ { name: "Shop", id: "products" },
+ { name: "Reviews", id: "testimonials" },
+ { name: "Contact", id: "contact-cta" },
];
const footerColumns = [
@@ -87,7 +86,7 @@ export default function ContactPage() {
{ text: "Email Support", href: "mailto:support@stylehub.com" },
{ text: "Live Chat", href: "#" },
]}
- background={{ variant: "plain" }}
+ background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
@@ -101,23 +100,17 @@ export default function ContactPage() {
faqsAnimation="slide-up"
faqs={[
{
- id: "1", title: "What payment methods do you accept?", content:
- "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted."},
+ id: "1", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted."},
{
- id: "2", title: "How long does shipping take?", content:
- "Standard shipping takes 5-7 business days. Express shipping (2-3 days) is available for orders over $75. International orders typically arrive within 10-15 business days."},
+ id: "2", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (2-3 days) is available for orders over $75. International orders typically arrive within 10-15 business days."},
{
- id: "3", title: "What is your return policy?", content:
- "We offer a 30-day money-back guarantee on all items. Items must be unworn and in original packaging. Return shipping is free for orders over $50."},
+ id: "3", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all items. Items must be unworn and in original packaging. Return shipping is free for orders over $50."},
{
- id: "4", title: "Do you offer international shipping?", content:
- "Yes, we ship to over 150 countries worldwide. International orders include tracking and insurance. Customs fees may apply depending on your location."},
+ id: "4", title: "Do you offer international shipping?", content: "Yes, we ship to over 150 countries worldwide. International orders include tracking and insurance. Customs fees may apply depending on your location."},
{
- id: "5", title: "How do I track my order?", content:
- "Once your order ships, you'll receive a tracking number via email. You can track your package in real-time on our website or through the carrier's app."},
+ id: "5", title: "How do I track my order?", content: "Once your order ships, you'll receive a tracking number via email. You can track your package in real-time on our website or through the carrier's app."},
{
- id: "6", title: "Are your products sustainable?", content:
- "We prioritize ethical sourcing and work with designers who use sustainable materials. Many of our collections feature eco-friendly production practices."},
+ id: "6", title: "Are your products sustainable?", content: "We prioritize ethical sourcing and work with designers who use sustainable materials. Many of our collections feature eco-friendly production practices."},
]}
/>
@@ -131,4 +124,4 @@ export default function ContactPage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0bda80d..927d121 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,69 +1,19 @@
import type { Metadata } from "next";
-import { Public_Sans } from "next/font/google";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const publicSans = Public_Sans({
- variable: "--font-public-sans",
- subsets: ["latin"],
-});
-
-const inter = Inter({
- variable: "--font-inter",
- subsets: ["latin"],
-});
+import "./styles/globals.css";
export const metadata: Metadata = {
- title: "StyleHub - Premium Fashion & Clothing Online",
- description: "Discover curated collections of premium fashion for every occasion. Shop quality clothing, accessories, and designer pieces. Free shipping over $50.",
- keywords: "fashion, clothing, online shopping, designer brands, casual wear, formal wear, accessories, style",
- metadataBase: new URL("https://stylehub.com"),
- alternates: {
- canonical: "https://stylehub.com",
- },
- openGraph: {
- title: "StyleHub - Premium Fashion & Clothing",
- description: "Discover curated collections of premium fashion for every occasion",
- url: "https://stylehub.com",
- siteName: "StyleHub",
- images: [
- {
- url: "http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg",
- alt: "StyleHub Fashion Collection",
- },
- ],
- type: "website",
- },
- twitter: {
- card: "summary_large_image",
- title: "StyleHub - Premium Fashion & Clothing",
- description: "Discover curated collections of premium fashion for every occasion",
- images: [
- "http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg",
- ],
- },
- robots: {
- index: true,
- follow: true,
- },
+ title: "StyleHub | Premium Fashion Collections", description: "Discover curated collections of premium fashion for every occasion. Shop exclusive designs and elevate your wardrobe with StyleHub.", keywords: "fashion, clothing, premium apparel, designer brands, style", openGraph: {
+ title: "StyleHub | Premium Fashion Collections", description: "Discover curated collections of premium fashion for every occasion.", type: "website"},
};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-