Merge version_1 into main #3
@@ -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}
|
||||
/>
|
||||
</div>
|
||||
@@ -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."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,4 +124,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${publicSans.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1431,7 +1381,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,14 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles, ShoppingBag, TrendingUp, Heart, Award, Users, Star, Zap, Mail } from "lucide-react";
|
||||
import { Sparkles, ShoppingBag, TrendingUp, Heart, Award, Users, Star, Zap } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Account", id: "account" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Collections", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact-cta" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
@@ -85,13 +84,13 @@ export default function HomePage() {
|
||||
<HeroBillboard
|
||||
title="Discover Your Style"
|
||||
description="Curated collections of premium fashion for every occasion. From everyday essentials to exclusive designs, elevate your wardrobe with StyleHub."
|
||||
background={{ variant: "plain" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="New Arrivals"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "View Collections", href: "/shop" },
|
||||
{ text: "Shop Now", href: "/products" },
|
||||
{ text: "View Collections", href: "/features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg"
|
||||
@@ -218,13 +217,15 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="StyleHub"
|
||||
copyrightText="© 2025 StyleHub. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="StyleHub"
|
||||
copyrightText="© 2025 StyleHub. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user