Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
309
src/app/page.tsx
309
src/app/page.tsx
@@ -9,7 +9,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
@@ -31,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "collection",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Collection", id: "collection" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pedez"
|
||||
/>
|
||||
@@ -54,65 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Time Engineered for You"
|
||||
tag="Where style meets time"
|
||||
description="Discover the art of precision with Pedez. Crafted for those who value timeless aesthetics and unrivaled reliability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#collection" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-macro-shot-watch_53876-71316.jpg"
|
||||
imageAlt="Pedez Luxury Watch"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-beautiful-woman-linen-red-dress-black-belt-smiles-widely-holds-coffee-cup-computer-tablet-lady-sits-chair-cozy-room_197531-27870.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by over 10,000+ watch enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craft",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Functionality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Warranty",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,24 +58,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Hand-assembled by master watchmakers to ensure absolute perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-puzzle-pieces-blue-background_23-2149299057.jpg",
|
||||
imageAlt: "Craftsmanship",
|
||||
},
|
||||
{
|
||||
title: "Water Resistance",
|
||||
description: "Built to withstand daily challenges with 5ATM water resistance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shield-water-droplet-check-mark_78370-6537.jpg",
|
||||
imageAlt: "Durability",
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Surgical-grade steel and top-grain leather straps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-brown-texture_1388-720.jpg",
|
||||
imageAlt: "Materials",
|
||||
},
|
||||
{ title: "Artisan Craft", description: "Hand-assembled by master watchmakers to ensure absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/view-puzzle-pieces-blue-background_23-2149299057.jpg", imageAlt: "Craftsmanship" },
|
||||
{ title: "Water Resistance", description: "Built to withstand daily challenges with 5ATM water resistance.", imageSrc: "http://img.b2bpic.net/free-vector/shield-water-droplet-check-mark_78370-6537.jpg", imageAlt: "Durability" },
|
||||
{ title: "Premium Materials", description: "Surgical-grade steel and top-grain leather straps.", imageSrc: "http://img.b2bpic.net/free-photo/leather-brown-texture_1388-720.jpg", imageAlt: "Materials" },
|
||||
]}
|
||||
title="The Pedez Difference"
|
||||
description="Our watches combine artisanal craftsmanship with modern innovation to ensure your timepiece lasts a lifetime."
|
||||
@@ -147,70 +68,10 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Pedez",
|
||||
name: "Classic Steel",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-black-clock-white-wall-concept-time_181624-21875.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Pedez",
|
||||
name: "Gold Horizon",
|
||||
price: "$399",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-gold-luxury-watch-success-generated-by-ai_188544-14010.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pedez",
|
||||
name: "Midnight Leather",
|
||||
price: "$249",
|
||||
rating: 4,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-handsome-model-man-casual-cloth-sunglasses-street_158538-9739.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Pedez",
|
||||
name: "Chronos Silver",
|
||||
price: "$449",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1718.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Pedez",
|
||||
name: "Slim Gold",
|
||||
price: "$349",
|
||||
rating: 4,
|
||||
reviewCount: "41",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wall-clock-still-life_23-2150417214.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Pedez",
|
||||
name: "Urban Elite",
|
||||
price: "$279",
|
||||
rating: 5,
|
||||
reviewCount: "105",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241167.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Timepieces"
|
||||
description="Explore the full Pedez collection and find the watch that defines your style."
|
||||
/>
|
||||
<div className="py-24 text-center">
|
||||
<h2 className="text-4xl font-bold">Collection</h2>
|
||||
<p className="mt-4">New collection coming soon. Stay tuned!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
@@ -219,27 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
title: "Years Experience",
|
||||
description: "Watchmaking expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Inspection",
|
||||
description: "Quality tested pieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/precision-factory-iron-parts-teamwork_1112-1055.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10K+",
|
||||
title: "Happy Clients",
|
||||
description: "Worldwide owners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443777.jpg",
|
||||
},
|
||||
{ id: "m1", value: "50+", title: "Years Experience", description: "Watchmaking expertise.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Inspection", description: "Quality tested pieces.", imageSrc: "http://img.b2bpic.net/free-photo/precision-factory-iron-parts-teamwork_1112-1055.jpg" },
|
||||
{ id: "m3", value: "10K+", title: "Happy Clients", description: "Worldwide owners.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443777.jpg" },
|
||||
]}
|
||||
title="Precision Metrics"
|
||||
description="Our commitment to quality is measured in numbers."
|
||||
@@ -252,41 +95,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Anderson",
|
||||
role: "Collector",
|
||||
testimonial: "The precision of my Pedez is unmatched. Simply stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Garcia",
|
||||
role: "Designer",
|
||||
testimonial: "Minimalist, elegant, and perfectly weighted. My new favorite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas Wright",
|
||||
role: "Architect",
|
||||
testimonial: "Build quality is incredible for the price. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-business-man_23-2148479530.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Chen",
|
||||
role: "Manager",
|
||||
testimonial: "Everything about this brand exudes quality and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-smiling-mestizo-woman-looking-camera-headshot-portrait_1163-4854.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Smith",
|
||||
role: "Entreprenuer",
|
||||
testimonial: "Best customer service and a product that exceeded expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-unknown-young-man-posing_23-2149417573.jpg",
|
||||
},
|
||||
{ id: "t1", name: "James Anderson", role: "Collector", testimonial: "The precision of my Pedez is unmatched. Simply stunning.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
|
||||
{ id: "t2", name: "Maria Garcia", role: "Designer", testimonial: "Minimalist, elegant, and perfectly weighted. My new favorite.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg" },
|
||||
]}
|
||||
title="What Owners Say"
|
||||
description="Trusted by watch enthusiasts across the globe."
|
||||
@@ -297,15 +107,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Luxe Watch",
|
||||
"Time Gear",
|
||||
"Precision Lab",
|
||||
"Design Pro",
|
||||
"Strap Style",
|
||||
"Minimalist Gear",
|
||||
"Elite Watch Co",
|
||||
]}
|
||||
names={["Luxe Watch", "Time Gear", "Precision Lab", "Design Pro"]}
|
||||
title="Featured Partners"
|
||||
description="Collaborating with leading design and fashion networks."
|
||||
/>
|
||||
@@ -316,88 +118,33 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the watch water resistant?",
|
||||
content: "Yes, our timepieces feature a 5ATM water resistance rating.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Every Pedez watch comes with a 2-year limited warranty.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I replace the strap?",
|
||||
content: "Absolutely, all straps are designed for quick and easy replacement.",
|
||||
},
|
||||
{ id: "q1", title: "Is the watch water resistant?", content: "Yes, our timepieces feature a 5ATM water resistance rating." },
|
||||
{ id: "q2", title: "Do you offer warranty?", content: "Every Pedez watch comes with a 2-year limited warranty." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about owning a Pedez watch."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-frame-dial-office-wall-clock-classic-style_23-2147943478.jpg"
|
||||
imageAlt="Watch display"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for the latest collection drops and exclusive offers."
|
||||
mediaAnimation="slide-up"
|
||||
title="Get in Touch"
|
||||
description="Call us directly at 0793865212 for any inquiries or support."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg"
|
||||
imageAlt="Contact workspace"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Watches",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#collection",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Watches", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Pedez"
|
||||
/>
|
||||
@@ -405,4 +152,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #106EFB;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user