Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e8baaa6ae2 | |||
| 8cf7c79b7c | |||
| 31562c9bd4 |
107
src/app/page.tsx
107
src/app/page.tsx
@@ -14,11 +14,11 @@ import { Sparkles, CheckCircle, Award, Zap, Star, HelpCircle } from "lucide-reac
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Sell Your Watch", id: "/sell" },
|
||||
{ name: "Collections", id: "/collections" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Sell Your Watch", id: "sell" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "About", id: "about" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
@@ -26,14 +26,14 @@ export default function HomePage() {
|
||||
title: "Explore", items: [
|
||||
{ label: "Shop Watches", href: "/shop" },
|
||||
{ label: "Sell Your Watch", href: "/sell" },
|
||||
{ label: "3D Gallery", href: "#gallery" },
|
||||
{ label: "3D Gallery", href: "/" },
|
||||
{ label: "Collections", href: "/shop" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Our Story", href: "/" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
@@ -71,8 +71,8 @@ export default function HomePage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Headless Angel"
|
||||
navItems={navItems}
|
||||
brandName="Headless Angel"
|
||||
button={{
|
||||
text: "Browse Now", href: "/shop"}}
|
||||
/>
|
||||
@@ -87,23 +87,29 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Explore Collection", href: "/shop" },
|
||||
{ text: "Browse Watches Now", href: "/shop" },
|
||||
{ text: "Sell Your Watch", href: "/sell" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
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/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/close-up-clock-with-time-change_23-2149241144.jpg?_wi=1", imageAlt: "Luxury Watch 2"},
|
||||
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/still-life-tech-device_23-2150722614.jpg?_wi=1", imageAlt: "Luxury Watch 3"},
|
||||
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/master-working-with-metallic-equipments_114579-12213.jpg?_wi=1", imageAlt: "Luxury Watch 4"},
|
||||
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/stylish-businessman-working-city_1157-20936.jpg?_wi=1", imageAlt: "Luxury Watch 5"},
|
||||
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/businessman-checking-time-hand-watch_53876-20480.jpg?_wi=1", imageAlt: "Luxury Watch 6"},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg", imageAlt: "Luxury Watch 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,16 +126,24 @@ 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/passports-with-watch-beton-background_23-2148328912.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/businessman-looking-wristwatch_23-2147689138.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/businessman-terrace_23-2148103941.jpg?_wi=1"},
|
||||
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"},
|
||||
{
|
||||
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/cup-portrait-job-technology-person_1157-4199.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/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.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/loving-man-doing-present-girl_23-2147736661.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/businessman-consulting-wristwatch_1262-18365.jpg?_wi=1"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,11 +161,14 @@ 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/crop-man-reading-magazine_23-2147793091.jpg?_wi=1"},
|
||||
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-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-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-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"},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,7 +180,7 @@ export default function HomePage() {
|
||||
tag="Our Story"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-upside-down_23-2148253668.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -185,17 +202,23 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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-1-data", name: "James Mitchell", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.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-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-3-data", name: "David Kovalski", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-time-his-watch_329181-19661.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-4-data", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-looking-watch_23-2147762392.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-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-5-data", name: "Marcus Thompson", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.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"},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,11 +236,14 @@ export default function HomePage() {
|
||||
animationType="scale-rotate"
|
||||
products={[
|
||||
{
|
||||
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-mechanical", name: "Mechanical Movement 3D", price: "Explore", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1720.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-crystal", name: "Crystal Dial Details", price: "Explore", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg"},
|
||||
{
|
||||
id: "3d-strap", name: "Leather Strap Craftsmanship", price: "Explore", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105467.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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -236,15 +262,20 @@ 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."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user