diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index ef7181b..58c1ae1 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,36 +1,34 @@ "use client"; +import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen"; import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve"; import FooterBase from "@/components/sections/footer/FooterBase"; -import Link from "next/link"; -import { Award, Star } from "lucide-react"; +import { Zap, Award, Star } from "lucide-react"; export default function AboutPage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Shop", id: "shop" }, - { name: "Sell Your Watch", id: "sell" }, - { name: "Collections", id: "collections" }, - { name: "About", id: "about" }, + { name: "Home", id: "/" }, + { name: "Shop", id: "/shop" }, + { name: "Sell Your Watch", id: "/sell" }, + { name: "Collections", id: "/collections" }, + { name: "About", id: "/about" }, ]; const footerColumns = [ { - title: "Explore", - items: [ + title: "Explore", items: [ { label: "Shop Watches", href: "/shop" }, { label: "Sell Your Watch", href: "/sell" }, - { label: "3D Gallery", href: "/shop" }, + { label: "3D Gallery", href: "#gallery" }, { label: "Collections", href: "/shop" }, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Blog", href: "#" }, @@ -38,8 +36,7 @@ export default function AboutPage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Help Center", href: "#" }, { label: "Contact Us", href: "#" }, { label: "Valuation Guide", href: "#" }, @@ -47,8 +44,7 @@ export default function AboutPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Return Policy", href: "#" }, @@ -74,19 +70,19 @@ export default function AboutPage() { -
+
-
+
-
+
diff --git a/src/app/page.tsx b/src/app/page.tsx index 565da98..d539fbc 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -14,35 +14,32 @@ import { Sparkles, CheckCircle, Award, Zap, Star, HelpCircle } from "lucide-reac export default function HomePage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Shop", id: "shop" }, - { name: "Sell Your Watch", id: "sell" }, - { name: "Collections", id: "collections" }, - { name: "About", id: "about" }, + { name: "Home", id: "/" }, + { name: "Shop", id: "/shop" }, + { name: "Sell Your Watch", id: "/sell" }, + { name: "Collections", id: "/collections" }, + { name: "About", id: "/about" }, ]; const footerColumns = [ { - title: "Explore", - items: [ + title: "Explore", items: [ { label: "Shop Watches", href: "/shop" }, { label: "Sell Your Watch", href: "/sell" }, - { label: "3D Gallery", href: "/" }, + { label: "3D Gallery", href: "#gallery" }, { label: "Collections", href: "/shop" }, ], }, { - title: "Company", - items: [ - { label: "About Us", href: "/" }, - { label: "Our Story", href: "/" }, + title: "Company", items: [ + { label: "About Us", href: "/about" }, + { label: "Our Story", href: "/about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Help Center", href: "#" }, { label: "Contact Us", href: "#" }, { label: "Valuation Guide", href: "#" }, @@ -50,8 +47,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Return Policy", href: "#" }, @@ -75,12 +71,10 @@ export default function HomePage() { > @@ -99,35 +93,17 @@ export default function HomePage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: - "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-gray_158538-11109.jpg", - imageAlt: "Luxury Watch 1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-watch-against-black-background_23-2147937487.jpg?_wi=1", imageAlt: "Luxury Watch 1"}, { - imageSrc: - "http://img.b2bpic.net/free-photo/time-clock-concept-with-copy-space_1194-638049.jpg", - imageAlt: "Luxury Watch 2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg?_wi=1", imageAlt: "Luxury Watch 2"}, { - imageSrc: - "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg?_wi=1", - imageAlt: "Luxury Watch 3", - }, + imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg?_wi=1", imageAlt: "Luxury Watch 3"}, { - imageSrc: - "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg", - imageAlt: "Luxury Watch 4", - }, + imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg?_wi=1", imageAlt: "Luxury Watch 4"}, { - imageSrc: - "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg?_wi=2", - imageAlt: "Luxury Watch 5", - }, + imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20936.jpg?_wi=1", imageAlt: "Luxury Watch 5"}, { - imageSrc: - "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg", - imageAlt: "Luxury Watch 6", - }, + imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20480.jpg?_wi=1", imageAlt: "Luxury Watch 6"}, ]} />
@@ -144,44 +120,16 @@ export default function HomePage() { features={[ { id: 1, - tag: "Authenticity", - title: "100% Certified Authentic", - subtitle: "Every timepiece verified", - description: - "All watches undergo rigorous authentication and certification by our expert horologists. Your investment is guaranteed genuine.", - imageSrc: - "http://img.b2bpic.net/free-photo/businessman-looking-wristwatch_23-2147689138.jpg?_wi=1", - }, + tag: "Authenticity", title: "100% Certified Authentic", subtitle: "Every timepiece verified", description: "All watches undergo rigorous authentication and certification by our expert horologists. Your investment is guaranteed genuine.", imageSrc: "http://img.b2bpic.net/free-photo/passports-with-watch-beton-background_23-2148328912.jpg?_wi=1"}, { id: 2, - tag: "Marketplace", - title: "Seamless Buy & Sell", - subtitle: "Two-way marketplace", - description: - "List your luxury watches for sale or browse curated collections from verified sellers. Secure transactions with escrow protection.", - imageSrc: - "http://img.b2bpic.net/free-photo/man-looking-away-high-angle-shot_23-2148230229.jpg", - }, + tag: "Marketplace", title: "Seamless Buy & Sell", subtitle: "Two-way marketplace", description: "List your luxury watches for sale or browse curated collections from verified sellers. Secure transactions with escrow protection.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg?_wi=1"}, { id: 3, - tag: "Support", - title: "Expert Support 24/7", - subtitle: "Personal assistance", - description: - "Our luxury watch specialists are available to help with valuations, appraisals, and personalized recommendations tailored to your collection.", - imageSrc: - "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg?_wi=1", - }, + tag: "Support", title: "Expert Support 24/7", subtitle: "Personal assistance", description: "Our luxury watch specialists are available to help with valuations, appraisals, and personalized recommendations tailored to your collection.", imageSrc: "http://img.b2bpic.net/free-photo/cup-portrait-job-technology-person_1157-4199.jpg?_wi=1"}, { id: 4, - tag: "Delivery", - title: "Secure White-Glove Shipping", - subtitle: "Protected delivery", - description: - "Every timepiece is insured and delivered with white-glove service, arriving in pristine condition with full documentation.", - imageSrc: - "http://img.b2bpic.net/free-photo/businessman-consulting-wristwatch_1262-18365.jpg?_wi=1", - }, + tag: "Delivery", title: "Secure White-Glove Shipping", subtitle: "Protected delivery", description: "Every timepiece is insured and delivered with white-glove service, arriving in pristine condition with full documentation.", imageSrc: "http://img.b2bpic.net/free-photo/loving-man-doing-present-girl_23-2147736661.jpg?_wi=1"}, ]} />
@@ -199,26 +147,11 @@ export default function HomePage() { animationType="blur-reveal" products={[ { - id: "watch-sports-1", - name: "Sports Chronograph Pro", - price: "$8,500", - imageSrc: - "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg?_wi=1", - }, + id: "watch-sports-1", name: "Sports Chronograph Pro", price: "$8,500", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg?_wi=1"}, { - id: "watch-dress-1", - name: "Elegant Dress Watch", - price: "$6,200", - imageSrc: - "http://img.b2bpic.net/free-photo/close-up-man-s-hand-with-wrist-watch_23-2147941432.jpg?_wi=1", - }, + id: "watch-dress-1", name: "Elegant Dress Watch", price: "$6,200", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg?_wi=1"}, { - id: "watch-vintage-1", - name: "Vintage Heritage Timepiece", - price: "$5,800", - imageSrc: - "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914195.jpg?_wi=1", - }, + id: "watch-vintage-1", name: "Vintage Heritage Timepiece", price: "$5,800", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg?_wi=1"}, ]} />
@@ -230,7 +163,7 @@ export default function HomePage() { tag="Our Story" tagIcon={Zap} tagAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-upside-down_23-2148253668.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg?_wi=1" mediaAnimation="slide-up" metricsAnimation="slide-up" useInvertedBackground={false} @@ -252,41 +185,17 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "testimonial-1-data", - name: "James Mitchell", - imageSrc: - "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=1", - }, + id: "testimonial-1-data", name: "James Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg?_wi=1"}, { - id: "testimonial-2-data", - name: "Victoria Chen", - imageSrc: - "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=1", - }, + id: "testimonial-2-data", name: "Victoria Chen", imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279674.jpg?_wi=1"}, { - id: "testimonial-3-data", - name: "David Kovalski", - imageSrc: - "http://img.b2bpic.net/free-photo/man-is-looking-watch-his-wrist_8353-11434.jpg?_wi=1", - }, + id: "testimonial-3-data", name: "David Kovalski", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-time-his-watch_329181-19661.jpg?_wi=1"}, { - id: "testimonial-4-data", - name: "Emma Rodriguez", - imageSrc: - "http://img.b2bpic.net/free-photo/woman-working-laptop-cafe-sitting-coach_1303-27367.jpg?_wi=1", - }, + id: "testimonial-4-data", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-looking-watch_23-2147762392.jpg?_wi=1"}, { - id: "testimonial-5-data", - name: "Marcus Thompson", - imageSrc: - "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=2", - }, + id: "testimonial-5-data", name: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg?_wi=2"}, { - id: "testimonial-6-data", - name: "Sophie Laurent", - imageSrc: - "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=2", - }, + id: "testimonial-6-data", name: "Sophie Laurent", imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279674.jpg?_wi=2"}, ]} /> @@ -304,26 +213,11 @@ export default function HomePage() { animationType="scale-rotate" products={[ { - id: "3d-mechanical", - name: "Mechanical Movement 3D", - price: "Explore", - imageSrc: - "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1720.jpg", - }, + id: "3d-mechanical", name: "Mechanical Movement 3D", price: "Explore", imageSrc: "http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg"}, { - id: "3d-crystal", - name: "Crystal Dial Details", - price: "Explore", - imageSrc: - "http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg", - }, + id: "3d-crystal", name: "Crystal Dial Details", price: "Explore", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-handsome-model-man-casual-cloth-sunglasses-street_158538-9738.jpg"}, { - id: "3d-strap", - name: "Leather Strap Craftsmanship", - price: "Explore", - imageSrc: - "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9457.jpg", - }, + id: "3d-strap", name: "Leather Strap Craftsmanship", price: "Explore", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105467.jpg"}, ]} /> @@ -342,35 +236,15 @@ export default function HomePage() { faqsAnimation="slide-up" faqs={[ { - id: "faq-1", - title: "How do I know a watch is authentic?", - content: - "Every watch on Headless Angel undergoes rigorous authentication by certified horologists. We verify serial numbers, examine construction quality, and provide full certification documentation with your purchase.", - }, + id: "faq-1", title: "How do I know a watch is authentic?", content: "Every watch on Headless Angel undergoes rigorous authentication by certified horologists. We verify serial numbers, examine construction quality, and provide full certification documentation with your purchase."}, { - id: "faq-2", - title: "Can I sell my personal watch collection?", - content: - "Absolutely! List your watches through our seller portal. We handle valuation, listing creation, and buyer verification. Our secure escrow system protects both buyer and seller until delivery is confirmed.", - }, + id: "faq-2", title: "Can I sell my personal watch collection?", content: "Absolutely! List your watches through our seller portal. We handle valuation, listing creation, and buyer verification. Our secure escrow system protects both buyer and seller until delivery is confirmed."}, { - id: "faq-3", - title: "What shipping options are available?", - content: - "All timepieces ship via insured white-glove delivery with full tracking. International shipping is available with customs documentation handled by our team.", - }, + id: "faq-3", title: "What shipping options are available?", content: "All timepieces ship via insured white-glove delivery with full tracking. International shipping is available with customs documentation handled by our team."}, { - id: "faq-4", - title: "Is there a return policy?", - content: - "Yes. If your watch doesn't meet expectations upon delivery, you have 14 days to return it for a full refund (minus shipping). All returns must include original packaging and documentation.", - }, + id: "faq-4", title: "Is there a return policy?", content: "Yes. If your watch doesn't meet expectations upon delivery, you have 14 days to return it for a full refund (minus shipping). All returns must include original packaging and documentation."}, { - id: "faq-5", - title: "How do you appraise watches for selling?", - content: - "Our experts evaluate condition, rarity, market demand, and authenticity. We provide transparent valuations based on recent comparable sales and current market trends.", - }, + id: "faq-5", title: "How do you appraise watches for selling?", content: "Our experts evaluate condition, rarity, market demand, and authenticity. We provide transparent valuations based on recent comparable sales and current market trends."}, ]} /> diff --git a/src/app/sell/page.tsx b/src/app/sell/page.tsx index 54197d2..8f42a95 100644 --- a/src/app/sell/page.tsx +++ b/src/app/sell/page.tsx @@ -1,36 +1,34 @@ "use client"; +import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel"; import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen"; -import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; import FooterBase from "@/components/sections/footer/FooterBase"; -import Link from "next/link"; -import { CheckCircle, Zap, HelpCircle } from "lucide-react"; +import { Sparkles, CheckCircle, HelpCircle } from "lucide-react"; -export default function SellPage() { +export default function SellYourWatchPage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Shop", id: "shop" }, - { name: "Sell Your Watch", id: "sell" }, - { name: "Collections", id: "collections" }, - { name: "About", id: "about" }, + { name: "Home", id: "/" }, + { name: "Shop", id: "/shop" }, + { name: "Sell Your Watch", id: "/sell" }, + { name: "Collections", id: "/collections" }, + { name: "About", id: "/about" }, ]; const footerColumns = [ { - title: "Explore", - items: [ + title: "Explore", items: [ { label: "Shop Watches", href: "/shop" }, { label: "Sell Your Watch", href: "/sell" }, - { label: "3D Gallery", href: "/shop" }, + { label: "3D Gallery", href: "#gallery" }, { label: "Collections", href: "/shop" }, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Blog", href: "#" }, @@ -38,8 +36,7 @@ export default function SellPage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Help Center", href: "#" }, { label: "Contact Us", href: "#" }, { label: "Valuation Guide", href: "#" }, @@ -47,8 +44,7 @@ export default function SellPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Return Policy", href: "#" }, @@ -74,16 +70,46 @@ export default function SellPage() { -
+
+ +
+ +
-
- -
- -
+
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx index 14e3fab..93532aa 100644 --- a/src/app/shop/page.tsx +++ b/src/app/shop/page.tsx @@ -1,44 +1,41 @@ "use client"; -import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import ProductCardOne from "@/components/sections/product/ProductCardOne"; -import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; +import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; import FooterBase from "@/components/sections/footer/FooterBase"; -import { Award, HelpCircle } from "lucide-react"; +import { Award, Zap } from "lucide-react"; +import Link from "next/link"; export default function ShopPage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "Shop", id: "shop" }, - { name: "Sell Your Watch", id: "sell" }, - { name: "Collections", id: "collections" }, - { name: "About", id: "about" }, + { name: "Home", id: "/" }, + { name: "Shop", id: "/shop" }, + { name: "Sell Your Watch", id: "/sell" }, + { name: "Collections", id: "/collections" }, + { name: "About", id: "/about" }, ]; const footerColumns = [ { - title: "Explore", - items: [ + title: "Explore", items: [ { label: "Shop Watches", href: "/shop" }, { label: "Sell Your Watch", href: "/sell" }, - { label: "3D Gallery", href: "/" }, + { label: "3D Gallery", href: "#" }, { label: "Collections", href: "/shop" }, ], }, { - title: "Company", - items: [ - { label: "About Us", href: "/" }, - { label: "Our Story", href: "/" }, + title: "Company", items: [ + { label: "About Us", href: "/about" }, + { label: "Our Story", href: "/about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Help Center", href: "#" }, { label: "Contact Us", href: "#" }, { label: "Valuation Guide", href: "#" }, @@ -46,8 +43,7 @@ export default function ShopPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Return Policy", href: "#" }, @@ -71,104 +67,55 @@ export default function ShopPage() { > -
+
-
- +