237 lines
13 KiB
TypeScript
237 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Facebook, Instagram, Twitter, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "Pricing", id: "pricing"
|
|
},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Premium Creations"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "glowing-orb"}}
|
|
imagePosition="right"
|
|
title="Experience Unrivaled Quality & Design"
|
|
description="Discover a curated collection of premium products and services, meticulously crafted for the discerning individual. Elevate your lifestyle with our exclusive offerings."
|
|
buttons={[
|
|
{
|
|
text: "Explore Collection", href: "#products"},
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg", alt: "Sarah"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", alt: "Michael"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4422.jpg", alt: "Emily"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg", alt: "David"},
|
|
]}
|
|
avatarText="Join our satisfied clients"
|
|
imageSrc="http://img.b2bpic.net/free-photo/note-with-encouragement-quote-starting-with-dear_23-2150105115.jpg"
|
|
imageAlt="Luxurious product display with elegant lighting"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Passion for "},
|
|
{
|
|
type: "text", content: "Perfection"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "Uncompromised Quality", author: "Crafted to Last", description: "Every item is produced with the finest materials and meticulous attention to detail, ensuring exceptional durability and timeless elegance.", tags: [
|
|
"Durability", "Materials", "Craftsmanship"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painted-leaf-texture_53876-88665.jpg", imageAlt: "Close-up of luxury material texture"},
|
|
{
|
|
id: "2", title: "Innovative Design", author: "Future Forward", description: "We blend classic aesthetics with cutting-edge design principles, creating pieces that are both functional and visually stunning, setting new standards for luxury.", tags: [
|
|
"Innovation", "Modern", "Aesthetics"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painted-background-wallpaper-acrylic-paint-texture_53876-134375.jpg", imageAlt: "Abstract innovative design concept"},
|
|
{
|
|
id: "3", title: "Exclusive Service", author: "Personalized Care", description: "Our dedicated team provides personalized service, from bespoke consultations to white-glove delivery, ensuring a seamless and delightful experience for every client.", tags: [
|
|
"Personalized", "Support", "White-glove"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-reading-cell-phone-messages_23-2150409992.jpg", imageAlt: "Customer service representative smiling"},
|
|
]}
|
|
title="Why Choose Premium Creations?"
|
|
description="We are dedicated to delivering excellence in every aspect, from product conceptualization to customer satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", name: "The Timeless Chronograph", price: "$2,500", variant: "Steel & Leather", imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-upside-down_23-2148253662.jpg", imageAlt: "Luxury watch with a leather strap"},
|
|
{
|
|
id: "2", name: "Elegant Carryall Tote", price: "$1,800", variant: "Italian Leather", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-posing-street-fashionable-outfit-suede-handbag-wearing-black-leather-jacket-white-lace-dress-spring-autumn-style_285396-6760.jpg", imageAlt: "Designer handbag made of Italian leather"},
|
|
{
|
|
id: "3", name: "The Bespoke Gentleman's Suit", price: "$4,000", variant: "Custom Tailored", imageSrc: "http://img.b2bpic.net/free-photo/hands-creating-clothes-close-up_23-2149007421.jpg", imageAlt: "Man in a perfectly tailored bespoke suit"},
|
|
]}
|
|
title="Our Exclusive Collection"
|
|
description="Explore our limited edition products, each a testament to luxury and exceptional artistry. Crafted for distinction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Flexible Pricing for Every Need"
|
|
description="Discover our tiered plans designed to offer unparalleled value and access to our exclusive range of products and services."
|
|
plans={[
|
|
{
|
|
id: "1", title: "Starter Tier", price: "$49", period: "month", features: ["Access to Basic Collection", "Email Support", "Standard Delivery"],
|
|
button: { text: "Get Started", href: "#" }
|
|
},
|
|
{
|
|
id: "2", title: "Premium Tier", price: "$99", period: "month", features: ["Access to Full Collection", "Priority Support", "Express Delivery", "Exclusive Previews"],
|
|
button: { text: "Choose Premium", href: "#" }
|
|
},
|
|
{
|
|
id: "3", title: "Enterprise", price: "Custom", period: "quote", features: ["Bespoke Solutions", "Dedicated Account Manager", "White-Glove Service", "On-site Consultations"],
|
|
button: { text: "Contact for Quote", href: "#contact" }
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="depth-3d"
|
|
gridVariant="timeline"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Eleanor Vance", role: "CEO", company: "Vance Holdings", rating: 5,
|
|
testimonial: "Premium Creations consistently delivers unparalleled quality. Their attention to detail and exquisite craftsmanship truly sets them apart. A trustworthy partner for luxury goods.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", imageAlt: "Eleanor Vance"},
|
|
{
|
|
id: "2", name: "Marcus Thorne", role: "Founder", company: "Thorne Innovations", rating: 5,
|
|
testimonial: "The service received from Premium Creations was exceptional. They understood my vision perfectly and delivered a product that exceeded all my expectations. Truly a cut above the rest.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-office-use-phone_1157-26411.jpg", imageAlt: "Marcus Thorne"},
|
|
{
|
|
id: "3", name: "Sophia Rodriguez", role: "Lead Designer", company: "Aura Studios", rating: 4,
|
|
testimonial: "Their designs are refreshingly unique and always of the highest quality. Working with Premium Creations has elevated our projects and delighted our clients every time.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-woman-with-open-arms-isolated-orange-wall_141793-26257.jpg", imageAlt: "Sophia Rodriguez"},
|
|
{
|
|
id: "4", name: "Julian Hayes", role: "Collector", company: "Independent", rating: 5,
|
|
testimonial: "I've been a loyal customer for years. The rarity and artistry of their collections are unmatched. Each piece is an investment that brings immense joy and value.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", imageAlt: "Julian Hayes"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear from our esteemed clients about their experiences with our premium products and services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
ctaTitle="Ready to Experience Premium?"
|
|
ctaDescription="Have more questions or ready to start your journey? Contact us today for personalized support and bespoke solutions."
|
|
ctaButton={{
|
|
text: "Schedule a Consultation", href: "mailto:contact@premiumcreations.com"}}
|
|
ctaIcon={Mail}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn and undamaged items. Please see our full terms for more details."},
|
|
{
|
|
id: "2", title: "Do you offer international shipping?", content: "Yes, we provide worldwide shipping. Shipping costs and delivery times vary by destination."},
|
|
{
|
|
id: "3", title: "How can I track my order?", content: "Once your order is shipped, you will receive a tracking number via email to monitor its progress."},
|
|
{
|
|
id: "4", title: "Do you offer custom designs?", content: "Yes, we specialize in bespoke creations. Please contact us to discuss your custom design needs."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Premium Creations"
|
|
copyrightText="© 2024 Premium Creations. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com", ariaLabel: "Twitter"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|