215 lines
13 KiB
TypeScript
215 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { ArrowRight, Crown, HelpCircle, Heart, Image, Palette, Sparkles, Star, Tag } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="PawsArt"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Gallery", id: "featured" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{
|
|
text: "Upload Your Pet", href: "contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Turn Your Beloved Pet Into Stunning Digital Art"
|
|
description="Upload a photo of your pet and watch it transform into a beautiful custom canvas artwork. Professional digital art creation that captures your furry friend's personality."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Custom Pet Portraits"
|
|
tagIcon={Palette}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Creating", href: "pricing" },
|
|
{ text: "View Gallery", href: "featured" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-animal-meditating-practicing-mindfulness-digital-art-style_23-2151506811.jpg"
|
|
imageAlt="Beautiful digital art pet portrait on canvas"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Our Service"
|
|
description={[
|
|
"At PawsArt, we specialize in transforming your pet photos into breathtaking digital artwork. Our talented team of digital artists uses advanced techniques to capture every detail and personality of your beloved companion.", "Each canvas is hand-crafted with premium quality materials and printed on museum-grade canvas. We take pride in delivering artwork that not only looks stunning but also stands the test of time, making it the perfect keepsake of your cherished pet."]}
|
|
buttons={[{ text: "Learn More", href: "https://example.com" }]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<FeatureCardTwentySix
|
|
title="Featured Artwork Gallery"
|
|
description="Explore our collection of stunning custom pet portraits brought to life through digital artistry."
|
|
tag="Gallery"
|
|
tagIcon={Image}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Golden Retriever Portrait", description: "A vibrant digital portrait of a playful Golden Retriever captured in full detail with warm tones.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-cute-yawning-st-bernard-dog-with-black-wall_181624-31979.jpg", imageAlt: "Golden Retriever digital art portrait", buttonIcon: ArrowRight,
|
|
},
|
|
{
|
|
title: "Tabby Cat Canvas", description: "Intricate digital artwork of a charming tabby cat with expressive eyes and beautiful striped patterns.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-flowers-wallpaper_23-2151865784.jpg", imageAlt: "Tabby cat digital art canvas", buttonIcon: ArrowRight,
|
|
},
|
|
{
|
|
title: "Family Pet Portraits", description: "Multiple beloved pets brought together in one beautiful, cohesive digital art composition.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-family-autumn_329181-7440.jpg", imageAlt: "Family pet digital art collection", buttonIcon: ArrowRight,
|
|
},
|
|
{
|
|
title: "Exotic Bird Artwork", description: "A stunning portrayal of an exotic bird with vibrant colors and intricate feather details.", imageSrc: "http://img.b2bpic.net/free-vector/tropical-birds-colorful-composition-seamless-pattern-screen-printing-with-parrots_1284-5283.jpg", imageAlt: "Exotic bird digital art canvas", buttonIcon: ArrowRight,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View Full Gallery", href: "https://example.com" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "3", name: "Emma Davis", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-guy-glasses-expressing-approval_1262-14240.jpg", imageAlt: "Emma Davis"},
|
|
{
|
|
id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "James Wilson"},
|
|
]}
|
|
cardTitle="Over 2,500 pet owners have transformed their cherished memories into beautiful canvas art with PawsArt"
|
|
cardTag="Trusted by Pet Lovers"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the perfect plan for your pet portrait. All plans include professional digital artwork and premium canvas printing."
|
|
tag="Pricing"
|
|
tagIcon={Tag}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Popular Choice", badgeIcon: Star,
|
|
price: "$149", subtitle: "Single Pet Portrait", features: [
|
|
"8x10 or 11x14 canvas", "Professional digital artwork", "1 revision included", "Ready within 7 days"],
|
|
},
|
|
{
|
|
id: "professional", badge: "Best Value", badgeIcon: Sparkles,
|
|
price: "$249", subtitle: "Premium Multi-Pet", features: [
|
|
"16x20 canvas or larger", "Up to 3 pets in one artwork", "Unlimited revisions", "Ready within 10 days"],
|
|
},
|
|
{
|
|
id: "premium", badge: "Luxury Edition", badgeIcon: Crown,
|
|
price: "$399", subtitle: "Fully Custom Gallery", features: [
|
|
"Gallery wrapped canvas", "Up to 5 pets or full family", "Artistic background included", "Premium framing options", "Ready within 14 days"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Get Started Today", href: "contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<MetricCardFourteen
|
|
title="Our simple three-step process transforms your pet photo into museum-quality canvas art that you'll treasure forever."
|
|
tag="How It Works"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "Upload", description: "Send us your favorite pet photo. High-quality, clear images work best for capturing all the details."},
|
|
{
|
|
id: "2", value: "Create", description: "Our digital artists hand-craft your pet's portrait, ensuring every whisker and feature is perfectly captured."},
|
|
{
|
|
id: "3", value: "Display", description: "Receive your stunning canvas print and display it proudly as a beautiful tribute to your beloved companion."},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our pet portrait service, turnaround times, and canvas options."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What photo quality do you need?", content: "High-resolution photos (minimum 2MP) work best. Make sure the lighting is good and your pet's face is clearly visible. Blurry or dark photos may not produce the best results. We can work with various image types and will advise if adjustments are needed."},
|
|
{
|
|
id: "2", title: "How long does the process take?", content: "Standard turnaround is 7-10 business days depending on your chosen plan. Rush orders (3-5 days) are available for an additional fee. We'll provide you with progress updates throughout the creation process."},
|
|
{
|
|
id: "3", title: "Can I make revisions?", content: "Absolutely! Each plan includes either 1 revision (Basic) or unlimited revisions (Professional & Premium). We want you to be completely satisfied with your pet's portrait before we print it on canvas."},
|
|
{
|
|
id: "4", title: "What canvas materials do you use?", content: "We use premium, museum-grade canvas made from 100% cotton. All prints use fade-resistant, archival-quality inks that will maintain their vibrant colors for decades."},
|
|
{
|
|
id: "5", title: "Do you offer shipping?", content: "Yes! We ship canvas prints worldwide using secure, tracked shipping. Shipping costs vary by location and canvas size. Your artwork arrives safely packaged and ready to hang."},
|
|
{
|
|
id: "6", title: "What if I'm not happy with the result?", content: "We offer a 100% satisfaction guarantee. If you're not completely happy, we'll work with you to revise the artwork or offer a full refund within 30 days of delivery."},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/camp-morning-sunny-park-grass_1253-402.jpg"
|
|
imageAlt="Pet photo upload process"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="PawsArt"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact Us", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|