diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 5c8f7da..fda1f9f 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -34,9 +34,7 @@ export default function AboutPage() { brandName="ShopHub" navItems={navItems} button={{ - text: "View Cart", - href: "/cart", - }} + text: "View Cart", href: "/cart"}} /> @@ -44,19 +42,13 @@ export default function AboutPage() { ); -} \ No newline at end of file +} diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx index d8c607d..bbdd543 100644 --- a/src/app/cart/page.tsx +++ b/src/app/cart/page.tsx @@ -17,30 +17,15 @@ export default function CartPage() { const faqs = [ { - id: "faq-001", - title: "How do I modify my cart?", - content: "You can increase or decrease quantities, remove items, or add more products. All changes are saved instantly.", - }, + id: "faq-001", title: "How do I modify my cart?", content: "You can increase or decrease quantities, remove items, or add more products. All changes are saved instantly."}, { - id: "faq-002", - title: "What payment methods are available?", - content: "We accept all major credit cards, debit cards, and digital wallets. Payment details are confirmed via WhatsApp after checkout.", - }, + id: "faq-002", title: "What payment methods are available?", content: "We accept all major credit cards, debit cards, and digital wallets. Payment details are confirmed via WhatsApp after checkout."}, { - id: "faq-003", - title: "How long is my cart saved?", - content: "Your cart is saved for 30 days. You can continue shopping and return to complete your purchase anytime.", - }, + id: "faq-003", title: "How long is my cart saved?", content: "Your cart is saved for 30 days. You can continue shopping and return to complete your purchase anytime."}, { - id: "faq-004", - title: "Can I apply coupon codes?", - content: "Yes! Enter your coupon code during checkout. Our team will verify and apply the discount via WhatsApp confirmation.", - }, + id: "faq-004", title: "Can I apply coupon codes?", content: "Yes! Enter your coupon code during checkout. Our team will verify and apply the discount via WhatsApp confirmation."}, { - id: "faq-005", - title: "Is checkout secure?", - content: "Absolutely. All transactions are encrypted with industry-standard SSL security. Your information is never shared with third parties.", - }, + id: "faq-005", title: "Is checkout secure?", content: "Absolutely. All transactions are encrypted with industry-standard SSL security. Your information is never shared with third parties."}, ]; return ( @@ -132,9 +117,7 @@ export default function CartPage() { ctaTitle="Need Help with Your Order?" ctaDescription="Have questions about your cart or need assistance? Contact us via WhatsApp." ctaButton={{ - text: "Chat via WhatsApp", - href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20questions%20about%20my%20cart", - }} + text: "Chat via WhatsApp", href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20questions%20about%20my%20cart"}} ctaIcon={MessageCircle} faqs={faqs} useInvertedBackground={false} @@ -158,4 +141,4 @@ export default function CartPage() { ); -} \ No newline at end of file +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 335f22f..b2dd260 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -33,9 +33,7 @@ export default function ContactPage() { brandName="ShopHub" navItems={navItems} button={{ - text: "View Cart", - href: "/cart", - }} + text: "View Cart", href: "/cart"}} /> @@ -44,36 +42,19 @@ export default function ContactPage() { ctaTitle="Ready to Start Shopping?" ctaDescription="Have questions? Our team is here to help via WhatsApp." ctaButton={{ - text: "Contact via WhatsApp", - href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20a%20question", - }} + text: "Contact via WhatsApp", href: "https://wa.me/1234567890?text=Hi%20ShopHub%2C%20I%20have%20a%20question"}} ctaIcon={MessageCircle} faqs={[ { - id: "faq-001", - title: "How do I place an order?", - content: "Browse our products, add items to your cart, and click 'Order via WhatsApp'. A pre-filled message with your order details will be sent to our team.", - }, + id: "faq-001", title: "How do I place an order?", content: "Browse our products, add items to your cart, and click 'Order via WhatsApp'. A pre-filled message with your order details will be sent to our team."}, { - id: "faq-002", - title: "What payment methods do you accept?", - content: "We accept all major payment methods. Details and options will be confirmed with you via WhatsApp after you submit your order.", - }, + id: "faq-002", title: "What payment methods do you accept?", content: "We accept all major payment methods. Details and options will be confirmed with you via WhatsApp after you submit your order."}, { - id: "faq-003", - title: "How long does shipping take?", - content: "Shipping times vary by location and product. Our team will provide estimated delivery dates when you confirm your order via WhatsApp.", - }, + id: "faq-003", title: "How long does shipping take?", content: "Shipping times vary by location and product. Our team will provide estimated delivery dates when you confirm your order via WhatsApp."}, { - id: "faq-004", - title: "Do you offer returns?", - content: "Yes! We offer a 30-day return policy on most items. Contact our support team via WhatsApp for return authorization.", - }, + id: "faq-004", title: "Do you offer returns?", content: "Yes! We offer a 30-day return policy on most items. Contact our support team via WhatsApp for return authorization."}, { - id: "faq-005", - title: "Is my information secure?", - content: "Absolutely. We use industry-standard encryption and security measures to protect your personal and payment information.", - }, + id: "faq-005", title: "Is my information secure?", content: "Absolutely. We use industry-standard encryption and security measures to protect your personal and payment information."}, ]} useInvertedBackground={false} animationType="slide-up" @@ -89,27 +70,19 @@ export default function ContactPage() { socialLinks={[ { icon: Facebook, - href: "https://facebook.com", - ariaLabel: "Facebook", - }, + href: "https://facebook.com", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com", - ariaLabel: "Instagram", - }, + href: "https://instagram.com", ariaLabel: "Instagram"}, { icon: Twitter, - href: "https://twitter.com", - ariaLabel: "Twitter", - }, + href: "https://twitter.com", ariaLabel: "Twitter"}, { icon: Linkedin, - href: "https://linkedin.com", - ariaLabel: "LinkedIn", - }, + href: "https://linkedin.com", ariaLabel: "LinkedIn"}, ]} /> ); -} \ No newline at end of file +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 591f206..2cd3ed0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -4,10 +4,10 @@ import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import HeroBillboard from "@/components/sections/hero/HeroBillboard"; -import ProductCardThree from "@/components/sections/product/ProductCardThree"; +import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo"; import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour"; -import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen"; +import ProductCardOne from "@/components/sections/product/ProductCardOne"; import ContactFaq from "@/components/sections/contact/ContactFaq"; import FooterCard from "@/components/sections/footer/FooterCard"; import { Sparkles, MessageCircle, Facebook, Instagram, Twitter, Linkedin } from "lucide-react"; @@ -45,7 +45,7 @@ export default function HomePage() { title="Discover Premium Products" description="Shop curated collections with seamless WhatsApp ordering. Experience modern e-commerce designed for your convenience." background={{ - variant: "gradient-bars"}} + variant: "rotated-rays-animated"}} tag="Welcome to ShopHub" tagIcon={Sparkles} tagAnimation="slide-up" @@ -62,31 +62,19 @@ export default function HomePage() { /> - -
- +
diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx index fc340a1..632c7a8 100644 --- a/src/app/product/[id]/page.tsx +++ b/src/app/product/[id]/page.tsx @@ -3,11 +3,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour"; -import ProductCardThree from "@/components/sections/product/ProductCardThree"; -import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen"; +import ProductCardOne from "@/components/sections/product/ProductCardOne"; import FooterCard from "@/components/sections/footer/FooterCard"; import Link from "next/link"; -import { MessageCircle, Facebook, Instagram, Twitter, Linkedin } from "lucide-react"; +import { Facebook, Instagram, Twitter, Linkedin } from "lucide-react"; export default function ProductDetailPage() { const navItems = [ @@ -19,89 +18,23 @@ export default function ProductDetailPage() { const relatedProducts = [ { - id: "prod-001", - name: "Premium Wireless Headphones", - price: "$149.99", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072209.jpg?_wi=3", - imageAlt: "Wireless headphones", - initialQuantity: 1, - }, + id: "prod-001", name: "Premium Wireless Headphones", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072209.jpg?_wi=3", imageAlt: "Wireless headphones"}, { - id: "prod-002", - name: "Smart Watch Pro", - price: "$299.99", - imageSrc: "http://img.b2bpic.net/free-photo/serious-curly-haired-woman-checks-results-fitness-training-wristwatch-controls-burned-caloies-after-workout-wears-cropped-top-leggings-poses-against-urban-buildings-sporty-lifestyle_273609-59898.jpg?_wi=4", - imageAlt: "Smart watch", - initialQuantity: 1, - }, + id: "prod-002", name: "Smart Watch Pro", price: "$299.99", imageSrc: "http://img.b2bpic.net/free-photo/serious-curly-haired-woman-checks-results-fitness-training-wristwatch-controls-burned-caloies-after-workout-wears-cropped-top-leggings-poses-against-urban-buildings-sporty-lifestyle_273609-59898.jpg?_wi=4", imageAlt: "Smart watch"}, { - id: "prod-003", - name: "Laptop Stand Ergonomic", - price: "$79.99", - imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-cellphone-notebook-pencil-with-laptop-white-desk_23-2147854255.jpg?_wi=4", - imageAlt: "Laptop stand", - initialQuantity: 1, - }, + id: "prod-003", name: "Laptop Stand Ergonomic", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-cellphone-notebook-pencil-with-laptop-white-desk_23-2147854255.jpg?_wi=4", imageAlt: "Laptop stand"}, ]; const features = [ { - id: "feat-001", - title: "Premium Quality", - author: "Verified", - description: "All products are carefully tested and verified for quality assurance.", - tags: ["Quality", "Tested"], - imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=3", - imageAlt: "Premium quality", - }, + id: "feat-001", title: "Premium Quality", author: "Verified", description: "All products are carefully tested and verified for quality assurance.", tags: ["Quality", "Tested"], + imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg?_wi=3", imageAlt: "Premium quality"}, { - id: "feat-002", - title: "Fast Shipping", - author: "Worldwide", - description: "We ship worldwide with reliable tracking and fast delivery.", - tags: ["Quick", "Tracked"], - imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-medium-shot_23-2149013899.jpg?_wi=2", - imageAlt: "Fast shipping", - }, + id: "feat-002", title: "Fast Shipping", author: "Worldwide", description: "We ship worldwide with reliable tracking and fast delivery.", tags: ["Quick", "Tracked"], + imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-medium-shot_23-2149013899.jpg?_wi=2", imageAlt: "Fast shipping"}, { - id: "feat-003", - title: "Easy Returns", - author: "30-Day Policy", - description: "Not satisfied? 30-day return policy with no questions asked.", - tags: ["Easy", "Hassle-free"], - imageSrc: "http://img.b2bpic.net/free-photo/man-holding-credit-card-hand-entering-security-code-using-laptop-keyboard_1423-158.jpg?_wi=2", - imageAlt: "Easy returns", - }, - ]; - - const testimonials = [ - { - id: "test-001", - name: "Sarah Johnson", - role: "Tech Enthusiast", - company: "Creative Studio", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-away_23-2148415892.jpg?_wi=2", - imageAlt: "Sarah Johnson", - }, - { - id: "test-002", - name: "Michael Chen", - role: "Product Manager", - company: "Tech Startup", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-blinking-eye_1298-120.jpg?_wi=2", - imageAlt: "Michael Chen", - }, - { - id: "test-003", - name: "Emma Rodriguez", - role: "Content Creator", - company: "Digital Agency", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-positive_114579-21797.jpg?_wi=2", - imageAlt: "Emma Rodriguez", - }, + id: "feat-003", title: "Easy Returns", author: "30-Day Policy", description: "Not satisfied? 30-day return policy with no questions asked.", tags: ["Easy", "Hassle-free"], + imageSrc: "http://img.b2bpic.net/free-photo/man-holding-credit-card-hand-entering-security-code-using-laptop-keyboard_1423-158.jpg?_wi=2", imageAlt: "Easy returns"}, ]; return ( @@ -139,7 +72,7 @@ export default function ProductDetailPage() { -
- -
-
-
); -} \ No newline at end of file +}