diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..30493bc
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import { HeroSplit } from "@/components/sections/hero/HeroSplit";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Instagram, Facebook, Twitter, Linkedin, Info } from "lucide-react";
+
+export default function AboutPage() {
+ const navItems = [
+ { name: "Shop", id: "/products" },
+ { name: "Collections", id: "/collections" },
+ { name: "About", id: "/about" },
+ { name: "Support", id: "/support" },
+ { name: "Contact", id: "/contact" },
+ ];
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/collections/page.tsx b/src/app/collections/page.tsx
index ff0e14f..3d2e830 100644
--- a/src/app/collections/page.tsx
+++ b/src/app/collections/page.tsx
@@ -22,7 +22,7 @@ export default function CollectionsPage() {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
- background="noise"
+ background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -37,45 +37,35 @@ export default function CollectionsPage() {
/>
-
+
@@ -88,27 +78,23 @@ export default function CollectionsPage() {
socialLinks={[
{
icon: Instagram,
- href: "https://instagram.com/femmecouture",
- ariaLabel: "Instagram",
+ href: "https://instagram.com/femmecouture", ariaLabel: "Instagram"
},
{
icon: Facebook,
- href: "https://facebook.com/femmecouture",
- ariaLabel: "Facebook",
+ href: "https://facebook.com/femmecouture", ariaLabel: "Facebook"
},
{
icon: Twitter,
- href: "https://twitter.com/femmecouture",
- ariaLabel: "Twitter",
+ href: "https://twitter.com/femmecouture", ariaLabel: "Twitter"
},
{
icon: Linkedin,
- href: "https://linkedin.com/company/femmecouture",
- ariaLabel: "LinkedIn",
+ href: "https://linkedin.com/company/femmecouture", ariaLabel: "LinkedIn"
},
]}
/>
);
-}
\ No newline at end of file
+}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index c5e4906..877ae17 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,9 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ContactText from "@/components/sections/contact/ContactText";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterCard from "@/components/sections/footer/FooterCard";
-import { Instagram, Facebook, Twitter, Linkedin } from "lucide-react";
+import { Instagram, Facebook, Twitter, Linkedin, Mail } from "lucide-react";
+import { useState } from "react";
export default function ContactPage() {
const navItems = [
@@ -16,6 +16,17 @@ export default function ContactPage() {
{ name: "Contact", id: "/contact" },
];
+ const [formData, setFormData] = useState({
+ name: "", email: "", subject: "", message: ""});
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ console.log("Form submitted:", formData);
+ // Here you would typically send the form data to a backend
+ alert("Thank you for your message! We'll get back to you soon.");
+ setFormData({ name: "", email: "", subject: "", message: "" });
+ };
+
return (
-
+
+
+
-
-
-
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 139534e..0af0fb6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,64 +1,26 @@
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"],
-});
+import "./styles/variables.css";
+import "./styles/base.css";
const inter = Inter({
- variable: "--font-inter",
- subsets: ["latin"],
+ variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
- title: "Femme Couture - Premium Women's Fashion & Designer Clothing",
- description: "Shop premium women's fashion, casual wear, formal dresses, and accessories. Discover timeless styles with fast shipping and 30-day returns. Join 50K+ happy customers.",
- keywords: "women's fashion, clothing store, dresses, designer wear, premium fashion, casual wear, formal dresses, online shopping",
- robots: {
- index: true,
- follow: true,
- },
- openGraph: {
- title: "Femme Couture - Premium Women's Fashion",
- description: "Discover elegant, timeless women's fashion pieces. Shop casual wear, formal dresses, and accessories with free returns.",
- type: "website",
- siteName: "Femme Couture",
- images: [
- {
- url: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-white-sweater-coat_158538-16965.jpg",
- alt: "Femme Couture Premium Fashion Collection",
- },
- ],
- },
- twitter: {
- card: "summary_large_image",
- title: "Femme Couture - Premium Women's Fashion",
- description: "Shop the latest women's fashion collection with premium quality and stunning designs.",
- images: [
- "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-white-sweater-coat_158538-16965.jpg",
- ],
- },
-};
+ title: "Femme Couture - Premium Women's Fashion E-Commerce", description: "Discover premium women's clothing with unique design, advanced features, admin panel, and multi-language support."};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-
-
-
- {children}
-
+
+
+ {children}
+
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 18028f8..9c23bc2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -73,17 +73,23 @@ export default function HomePage() {
useInvertedBackground={false}
products={[
{
- id: "1", name: "Elegant Summer Dress", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-fashionable-clothes-walking-down-street_839833-3813.jpg", imageAlt: "Elegant summer dress in floral print"},
+ id: "1", name: "Elegant Summer Dress", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-fashionable-clothes-walking-down-street_839833-3813.jpg", imageAlt: "Elegant summer dress in floral print"
+ },
{
- id: "2", name: "Classic White Blazer", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2740.jpg", imageAlt: "Classic white blazer for professional wear"},
+ id: "2", name: "Classic White Blazer", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2740.jpg", imageAlt: "Classic white blazer for professional wear"
+ },
{
- id: "3", name: "Denim Jacket", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16949.jpg", imageAlt: "Vintage-style denim jacket"},
+ id: "3", name: "Denim Jacket", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16949.jpg", imageAlt: "Vintage-style denim jacket"
+ },
{
- id: "4", name: "Silk Evening Gown", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-evening-dress-sitting-chair_285396-7788.jpg", imageAlt: "Luxurious silk evening gown"},
+ id: "4", name: "Silk Evening Gown", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-evening-dress-sitting-chair_285396-7788.jpg", imageAlt: "Luxurious silk evening gown"
+ },
{
- id: "5", name: "Casual T-Shirt", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-looking-away_23-2148665449.jpg", imageAlt: "Comfortable casual t-shirt"},
+ id: "5", name: "Casual T-Shirt", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-looking-away_23-2148665449.jpg", imageAlt: "Comfortable casual t-shirt"
+ },
{
- id: "6", name: "Wide-Leg Trousers", price: "$119.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outside-street_1303-14337.jpg", imageAlt: "Tailored wide-leg trousers"},
+ id: "6", name: "Wide-Leg Trousers", price: "$119.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outside-street_1303-14337.jpg", imageAlt: "Tailored wide-leg trousers"
+ },
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -101,13 +107,17 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
- id: "01", title: "Casual Wear", description: "Comfortable everyday styles perfect for work, shopping, and relaxation", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-645.jpg", imageAlt: "Casual wear collection"},
+ id: "01", title: "Casual Wear", description: "Comfortable everyday styles perfect for work, shopping, and relaxation", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-645.jpg", imageAlt: "Casual wear collection"
+ },
{
- id: "02", title: "Formal Dresses", description: "Elegant formal wear for special occasions, weddings, and evening events", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-fancy-dress-walking-down-street-fashion-beauty-makeup-evening-dress-smiling-girl-posing-model-luxury-wearing-accessories-blonde-volume-hair-lipstick-eyes-perfect_343629-184.jpg", imageAlt: "Formal dress collection"},
+ id: "02", title: "Formal Dresses", description: "Elegant formal wear for special occasions, weddings, and evening events", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-fancy-dress-walking-down-street-fashion-beauty-makeup-evening-dress-smiling-girl-posing-model-luxury-wearing-accessories-blonde-volume-hair-lipstick-eyes-perfect_343629-184.jpg", imageAlt: "Formal dress collection"
+ },
{
- id: "03", title: "Active & Sports", description: "Performance-driven activewear for gym, yoga, and outdoor activities", imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3587.jpg", imageAlt: "Active and sports wear"},
+ id: "03", title: "Active & Sports", description: "Performance-driven activewear for gym, yoga, and outdoor activities", imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3587.jpg", imageAlt: "Active and sports wear"
+ },
{
- id: "04", title: "Accessories", description: "Complete your look with premium bags, belts, scarves, and jewelry", imageSrc: "http://img.b2bpic.net/free-photo/view-women-bag-stuff_93675-131548.jpg", imageAlt: "Fashion accessories collection"},
+ id: "04", title: "Accessories", description: "Complete your look with premium bags, belts, scarves, and jewelry", imageSrc: "http://img.b2bpic.net/free-photo/view-women-bag-stuff_93675-131548.jpg", imageAlt: "Fashion accessories collection"
+ },
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -126,16 +136,20 @@ export default function HomePage() {
testimonials={[
{
id: "1", name: "Sarah Mitchell", role: "Fashion Blogger", company: "Style Chronicles", rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Mitchell testimonial"},
+ imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Mitchell testimonial"
+ },
{
id: "2", name: "Emma Johnson", role: "Marketing Manager", company: "Creative Agency", rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", imageAlt: "Emma Johnson testimonial"},
+ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", imageAlt: "Emma Johnson testimonial"
+ },
{
id: "3", name: "Jessica Chen", role: "Event Planner", company: "Elegant Events", rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-mixed-race-woman-with-neon-makeup-poses-camera-new-beauty-concept-authentic-identity_633478-2196.jpg", imageAlt: "Jessica Chen testimonial"},
+ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-mixed-race-woman-with-neon-makeup-poses-camera-new-beauty-concept-authentic-identity_633478-2196.jpg", imageAlt: "Jessica Chen testimonial"
+ },
{
id: "4", name: "Rachel Williams", role: "Corporate Executive", company: "Tech Innovations", rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg", imageAlt: "Rachel Williams testimonial"},
+ imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg", imageAlt: "Rachel Williams testimonial"
+ },
]}
kpiItems={[
{ value: "50K+", label: "Happy Customers" },
@@ -154,17 +168,23 @@ export default function HomePage() {
useInvertedBackground={false}
faqs={[
{
- id: "1", title: "How do I place an order?", content: "Browse our collections, select your desired items, choose size and color, add to cart, and proceed to checkout. Follow the simple steps to complete your purchase."},
+ id: "1", title: "How do I place an order?", content: "Browse our collections, select your desired items, choose size and color, add to cart, and proceed to checkout. Follow the simple steps to complete your purchase."
+ },
{
- id: "2", title: "What are the available sizes?", content: "We offer sizes XS, S, M, L, XL, and XXL. Each product page displays a detailed size chart to help you find the perfect fit. If you're between sizes, we recommend sizing up."},
+ id: "2", title: "What are the available sizes?", content: "We offer sizes XS, S, M, L, XL, and XXL. Each product page displays a detailed size chart to help you find the perfect fit. If you're between sizes, we recommend sizing up."
+ },
{
- id: "3", title: "What is your return policy?", content: "We offer a 30-day return policy for all items in original condition with tags attached. Returns are free, and we'll process refunds within 5-7 business days of receiving your return."},
+ id: "3", title: "What is your return policy?", content: "We offer a 30-day return policy for all items in original condition with tags attached. Returns are free, and we'll process refunds within 5-7 business days of receiving your return."
+ },
{
- id: "4", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (2-3 days) and overnight shipping are also available. You'll receive a tracking number via email."},
+ id: "4", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (2-3 days) and overnight shipping are also available. You'll receive a tracking number via email."
+ },
{
- id: "5", title: "Do you offer international shipping?", content: "Yes! We ship to over 100 countries worldwide. International shipping rates and delivery times vary by location. Customs and import duties may apply."},
+ id: "5", title: "Do you offer international shipping?", content: "Yes! We ship to over 100 countries worldwide. International shipping rates and delivery times vary by location. Customs and import duties may apply."
+ },
{
- id: "6", title: "How can I track my order?", content: "Once your order ships, you'll receive an email with a tracking number. You can also log into your account to view real-time order status and tracking information."},
+ id: "6", title: "How can I track my order?", content: "Once your order ships, you'll receive an email with a tracking number. You can also log into your account to view real-time order status and tracking information."
+ },
]}
faqsAnimation="slide-up"
buttons={[{ text: "Contact Support", href: "/contact" }]}
@@ -191,19 +211,23 @@ export default function HomePage() {
socialLinks={[
{
icon: Instagram,
- href: "https://instagram.com/femmecouture", ariaLabel: "Instagram"},
+ href: "https://instagram.com/femmecouture", ariaLabel: "Instagram"
+ },
{
icon: Facebook,
- href: "https://facebook.com/femmecouture", ariaLabel: "Facebook"},
+ href: "https://facebook.com/femmecouture", ariaLabel: "Facebook"
+ },
{
icon: Twitter,
- href: "https://twitter.com/femmecouture", ariaLabel: "Twitter"},
+ href: "https://twitter.com/femmecouture", ariaLabel: "Twitter"
+ },
{
icon: Linkedin,
- href: "https://linkedin.com/company/femmecouture", ariaLabel: "LinkedIn"},
+ href: "https://linkedin.com/company/femmecouture", ariaLabel: "LinkedIn"
+ },
]}
/>
);
-}
\ No newline at end of file
+}
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index f4bb2a8..65f5e70 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -4,7 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FooterCard from "@/components/sections/footer/FooterCard";
-import { Instagram, Facebook, Twitter, Linkedin, Star } from "lucide-react";
+import { Instagram, Facebook, Twitter, Linkedin, ShoppingCart, Star } from "lucide-react";
+import { useState } from "react";
export default function ProductsPage() {
const navItems = [
@@ -15,6 +16,29 @@ export default function ProductsPage() {
{ name: "Contact", id: "/contact" },
];
+ const [cart, setCart] = useState