diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx new file mode 100644 index 0000000..9bf50dd --- /dev/null +++ b/src/app/about-us/page.tsx @@ -0,0 +1,245 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit"; +import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow"; +import TeamCardEleven from "@/components/sections/team/TeamCardEleven"; +import ContactCenter from "@/components/sections/contact/ContactCenter"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; + +export default function AboutUsPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ + ), + content: ( +
+

Founded

+

TimeLux was established with a vision to create watches that combine precision engineering with artistic design.

+
    +
  • First collection launched
    • +
  • Artisan workshop established
    • +
+
+ ), + }, + { + id: "2", reverse: true, + media: ( + 2005 - International Recognition + ), + content: ( +
+

International Recognition

+

Our commitment to quality earned us international awards and recognition in the luxury watch industry.

+
    +
  • Won 3 prestigious awards
    • +
  • Expanded to 15 countries
    • +
+
+ ), + }, + { + id: "3", reverse: false, + media: ( + 2015 - Boutique Expansion + ), + content: ( +
+

Boutique Expansion

+

We opened our flagship boutiques in major cities worldwide, bringing the TimeLux experience closer to our customers.

+
    +
  • 12 flagship boutiques
    • +
  • 50+ authorized retailers
    • +
+
+ ), + }, + { + id: "4", reverse: true, + media: ( + 2024 - Innovation & Sustainability + ), + content: ( +
+

Innovation & Sustainability

+

Today, we continue to innovate while maintaining our commitment to sustainable and ethical manufacturing practices.

+
    +
  • Carbon-neutral production
    • +
  • Sustainable materials initiative
    • +
+
+ ), + }, + ]} + /> +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..f593333 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,143 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import ContactFaq from "@/components/sections/contact/ContactFaq"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; +import { Mail, Phone, MessageCircle } from "lucide-react"; + +export default function ContactPage() { + return ( + + + +
+ +
+ +
+
+

Contact Information

+
+ {/* Email */} +
+ +

Email

+

support@timelux.com

+

Response time: Within 24 hours

+
+ + {/* Phone */} +
+ +

Phone

+

+41 (0) 44 XXX XXXX

+

Mon-Fri, 9:00 AM - 6:00 PM CET

+
+ + {/* WhatsApp */} +
+ +

WhatsApp

+

+41 XXXX XXXXX

+

Quick replies & support

+
+
+ + {/* Social Links Section */} +
+

Follow Us

+
+ + Facebook + + + Instagram + + + Twitter + + + LinkedIn + +
+
+
+
+ + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index afd84b8..57232d8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,7 +32,7 @@ export default function LandingPage() { { name: "About", id: "about" }, { name: "Craftsmanship", id: "features" }, { name: "Reviews", id: "testimonials" }, - { name: "Contact", id: "contact" }, + { name: "Contact", id: "/contact" }, ]} button={{ text: "Shop Now", href: "products" }} brandName="TimeLux" @@ -177,7 +177,7 @@ export default function LandingPage() { { title: "Support", items: [ { label: "About Us", href: "#about" }, - { label: "Contact", href: "#contact" }, + { label: "Contact", href: "/contact" }, { label: "Warranty", href: "#" }, ], }, diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx new file mode 100644 index 0000000..6877af5 --- /dev/null +++ b/src/app/portfolio/page.tsx @@ -0,0 +1,128 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit"; +import ProductCardOne from "@/components/sections/product/ProductCardOne"; +import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; + +export default function PortfolioPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx new file mode 100644 index 0000000..b8e1263 --- /dev/null +++ b/src/app/pricing/page.tsx @@ -0,0 +1,219 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit"; +import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo"; +import ContactCenter from "@/components/sections/contact/ContactCenter"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; + +export default function PricingPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+
+
+
+

Detailed Comparison

+

See exactly what's included in each pricing tier

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeaturesBasicStandardPremium
Collection AccessClassicPremiumAll Collections
Warranty1 Year3 YearsLifetime
ShippingStandardPriorityVIP
Community Access✓✓✓
Customer SupportEmailPriority24/7 Concierge
Maintenance—AnnualIncluded
Limited Editions—AccessFirst Access
Private Events—✓✓ VIP
Personal Consultation——✓
+
+
+
+
+ +
+ +
+ + + + ); +} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx new file mode 100644 index 0000000..b99ba0c --- /dev/null +++ b/src/app/services/page.tsx @@ -0,0 +1,165 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit"; +import FeatureCardNine from "@/components/sections/feature/FeatureCardNine"; +import ProductCardOne from "@/components/sections/product/ProductCardOne"; +import ContactCenter from "@/components/sections/contact/ContactCenter"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; + +export default function ServicesPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 3112a53..34aea07 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-roboto), sans-serif; + font-family: var(--font-inter), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-roboto), sans-serif; + font-family: var(--font-inter), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index b7afc67..c03f93f 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f5f4ef; - --card: #dad6cd; - --foreground: #2a2928; - --primary-cta: #2a2928; + --background: #ffffff; + --card: #f9f9f9; + --foreground: #000612e6; + --primary-cta: #106EFB; --primary-cta-text: #f5f4ef; - --secondary-cta: #ecebea; + --secondary-cta: #f9f9f9; --secondary-cta-text: #2a2928; - --accent: #ffffff; - --background-accent: #c6b180; + --accent: #e2e2e2; + --background-accent: #106EFB; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);