|
|
|
|
@@ -10,9 +10,9 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
|
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import { Palette, Image, Brush, Eye, Award, Users, Globe, Zap, Heart } from 'lucide-react';
|
|
|
|
|
import { Palette, Image, Brush, Sparkles, Award, Users, Heart, TrendingUp } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function ArtStudioPage() {
|
|
|
|
|
export default function WallRefreshBundlePage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
|
@@ -20,79 +20,75 @@ export default function ArtStudioPage() {
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="large"
|
|
|
|
|
background="fluid"
|
|
|
|
|
cardStyle="layered-gradient"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleFullscreen
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Gallery", id: "gallery" },
|
|
|
|
|
{ name: "Bundles", id: "bundles" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
{ name: "Commission", id: "commission" }
|
|
|
|
|
{ name: "Reviews", id: "reviews" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
brandName="Art by J"
|
|
|
|
|
bottomLeftText="Contemporary Artist"
|
|
|
|
|
bottomRightText="hello@artbyj.studio"
|
|
|
|
|
brandName="Wall Refresh"
|
|
|
|
|
bottomLeftText="Curated Art Bundles"
|
|
|
|
|
bottomRightText="hello@wallrefresh.studio"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
|
title="Timeless Art, Contemporary Vision"
|
|
|
|
|
description="Discover captivating original artworks and bespoke commissions that transform spaces and inspire souls. Each piece tells a story through color, form, and emotion."
|
|
|
|
|
title="Transform Your Space with Curated Art Bundles"
|
|
|
|
|
description="Discover perfectly curated collections of custom art paintings designed for homeowners and businesses. Choose 3, 5, or 10 pieces that reflect your style and elevate your environment."
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
tag="Contemporary Artist"
|
|
|
|
|
tag="Minimal & Modern Design"
|
|
|
|
|
tagIcon={Palette}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "View Gallery", href: "#gallery" },
|
|
|
|
|
{ text: "Commission Work", href: "#contact" }
|
|
|
|
|
{ text: "Explore Bundles", href: "#bundles" },
|
|
|
|
|
{ text: "Learn More", href: "#about" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painter-searching-fine-art-inspiration-online-her-art-craft-atelier_482257-112932.jpg", imageAlt: "Artist studio workspace"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-134379.jpg?_wi=1", imageAlt: "Colorful abstract wall art"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg", imageAlt: "Creative art installation"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg", imageAlt: "Modern interior with art"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
rating={5}
|
|
|
|
|
ratingText="Trusted by Collectors Worldwide"
|
|
|
|
|
ariaLabel="Hero section showcasing artist portfolio"
|
|
|
|
|
ratingText="Trusted by Homeowners & Businesses"
|
|
|
|
|
ariaLabel="Hero section for Wall Refresh art bundles"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
|
<div id="bundles" data-section="bundles">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
title="Featured Artworks"
|
|
|
|
|
description="Explore my latest collection of contemporary pieces, each crafted with intention and passion."
|
|
|
|
|
tag="Gallery"
|
|
|
|
|
title="Art Bundle Collections"
|
|
|
|
|
description="Choose the perfect bundle size for your space. Each curated collection is designed to work harmoniously together."
|
|
|
|
|
tag="Three Sizes"
|
|
|
|
|
tagIcon={Image}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
carouselMode="buttons"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Ethereal Horizons", price: "$2,500", variant: "Acrylic on Canvas · 48x36\"", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-134379.jpg", imageAlt: "Ethereal Horizons artwork"
|
|
|
|
|
id: "1", name: "Starter Bundle", price: "$899", variant: "3 Premium Paintings · Curated Set", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-134379.jpg?_wi=2", imageAlt: "Starter bundle with 3 paintings"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Urban Dreamscape", price: "$3,200", variant: "Mixed Media · 60x40\"", imageSrc: "http://img.b2bpic.net/free-photo/poster-woman-with-flower-her-eye_23-2151903272.jpg", imageAlt: "Urban Dreamscape mixed media"
|
|
|
|
|
id: "2", name: "Professional Bundle", price: "$1,499", variant: "5 Premium Paintings · Designer Curated", imageSrc: "http://img.b2bpic.net/free-photo/poster-woman-with-flower-her-eye_23-2151903272.jpg", imageAlt: "Professional bundle with 5 paintings"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Chromatic Reflection", price: "$1,800", variant: "Oil on Canvas · 36x24\"", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-showing-his-painting-female-client-interested-buying-some-artwork-from-exihibiton-art-gallery_662251-355.jpg", imageAlt: "Chromatic Reflection painting"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Sculptural Forms", price: "$2,800", variant: "Bronze Sculpture · 28\" Height", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413142.jpg", imageAlt: "Sculptural Forms bronze piece"
|
|
|
|
|
id: "3", name: "Gallery Collection", price: "$2,299", variant: "10 Premium Paintings · Full Gallery Set", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-showing-his-painting-female-client-interested-buying-some-artwork-from-exihibiton-art-gallery_662251-355.jpg", imageAlt: "Gallery collection with 10 paintings"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -100,47 +96,47 @@ export default function ArtStudioPage() {
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextSplitAbout
|
|
|
|
|
title="About J"
|
|
|
|
|
title="Why Choose Wall Refresh?"
|
|
|
|
|
description={[
|
|
|
|
|
"With over a decade of artistic practice, I've developed a unique visual language that bridges abstraction and emotion. My work explores the intersection of color theory, dimensional form, and human perception.", "Driven by curiosity and a passion for innovation, I create pieces that invite viewers into immersive visual experiences. Whether through painting, sculpture, or mixed media, each artwork reflects a deliberate exploration of contemporary aesthetics.", "I'm passionate about connecting with collectors, collaborators, and art enthusiasts who share a vision for transformative creative expression."
|
|
|
|
|
"Wall Refresh Bundle delivers carefully curated collections of custom art paintings designed for modern spaces. Each bundle is thoughtfully assembled to create visual harmony and aesthetic impact.", "Our approach combines contemporary design principles with artistic excellence, ensuring every piece complements your environment. Whether for a home, office, or commercial space, we create collections that inspire and elevate.", "From concept to delivery, our process prioritizes quality, personalization, and your satisfaction. We work with emerging and established artists to bring you authentic, meaningful art that transforms your walls."
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "View CV", href: "#" },
|
|
|
|
|
{ text: "Get in Touch", href: "#contact" }
|
|
|
|
|
{ text: "See Our Process", href: "#" },
|
|
|
|
|
{ text: "Get Started", href: "#contact" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
showBorder={true}
|
|
|
|
|
showBorder={false}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwentyFive
|
|
|
|
|
title="Services & Offerings"
|
|
|
|
|
description="From custom commissions to collaborative projects, I offer tailored artistic solutions for collectors, businesses, and creative partners."
|
|
|
|
|
tag="What I Offer"
|
|
|
|
|
tagIcon={Brush}
|
|
|
|
|
title="What's Included in Every Bundle"
|
|
|
|
|
description="Each Wall Refresh Bundle is carefully designed with attention to detail and quality craftsmanship."
|
|
|
|
|
tag="Premium Features"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Custom Commissions", description: "Create bespoke artworks tailored to your vision, space, and story. Collaborative process from concept to completion.", icon: Brush,
|
|
|
|
|
title: "Custom Curated Selection", description: "Each painting is hand-selected to complement your space and create a cohesive visual narrative across your walls.", icon: Brush,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-female-artist-painting-canvas_273443-457.jpg?_wi=1", imageAlt: "Custom commission artwork"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-female-artist-painting-canvas_273443-457.jpg?_wi=1", imageAlt: "Artist selecting paintings"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-woman-arranging-fabric_23-2148372144.jpg?_wi=1", imageAlt: "Commission design process"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-woman-arranging-fabric_23-2148372144.jpg?_wi=1", imageAlt: "Artistic curation process"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Art Direction & Consultation", description: "Professional guidance for art collection curation, interior design integration, and gallery exhibitions.", icon: Eye,
|
|
|
|
|
title: "Professional Design Guidance", description: "Our team provides consultation on placement, lighting, and styling to maximize the impact of your art collection.", icon: Palette,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-woman-arranging-fabric_23-2148372144.jpg?_wi=2", imageAlt: "Art direction consultation"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-woman-arranging-fabric_23-2148372144.jpg?_wi=2", imageAlt: "Design guidance session"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-female-artist-painting-canvas_273443-457.jpg?_wi=2", imageAlt: "Gallery curation work"
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-female-artist-painting-canvas_273443-457.jpg?_wi=2", imageAlt: "Professional consultation"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
@@ -153,16 +149,16 @@ export default function ArtStudioPage() {
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardThree
|
|
|
|
|
title="Career Highlights"
|
|
|
|
|
description="A testament to dedication, impact, and artistic growth across exhibitions, commissions, and collaborations."
|
|
|
|
|
tag="By the Numbers"
|
|
|
|
|
title="Wall Refresh By The Numbers"
|
|
|
|
|
description="Our impact through authentic customer satisfaction and artistic excellence."
|
|
|
|
|
tag="Our Success"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", icon: Award, title: "Exhibitions", value: "40+" },
|
|
|
|
|
{ id: "2", icon: Users, title: "Collectors", value: "500+" },
|
|
|
|
|
{ id: "3", icon: Globe, title: "Countries", value: "25+" },
|
|
|
|
|
{ id: "4", icon: Zap, title: "Commissions", value: "200+" }
|
|
|
|
|
{ id: "1", icon: Users, title: "Happy Customers", value: "2,500+" },
|
|
|
|
|
{ id: "2", icon: TrendingUp, title: "Art Pieces Placed", value: "8,000+" },
|
|
|
|
|
{ id: "3", icon: Heart, title: "5-Star Reviews", value: "98%" },
|
|
|
|
|
{ id: "4", icon: Sparkles, title: "Bundle Styles", value: "50+" }
|
|
|
|
|
]}
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -170,25 +166,29 @@ export default function ArtStudioPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
|
|
|
<TestimonialCardOne
|
|
|
|
|
title="Collector Stories"
|
|
|
|
|
description="Hear from those who've brought our art into their lives and spaces."
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
title="Customer Stories & Reviews"
|
|
|
|
|
description="Hear from homeowners and businesses who transformed their spaces with Wall Refresh."
|
|
|
|
|
tag="Real Feedback"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Mitchell", role: "Gallery Owner", company: "Modern Spaces Gallery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Sarah Mitchell"
|
|
|
|
|
id: "1", name: "Jennifer Martinez", role: "Homeowner", company: "San Francisco, CA", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Jennifer Martinez"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "David Chen", role: "Corporate Curator", company: "TechVision Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-tattooer-prepearing-doing-tattoo-by-tattoo-machine-spending-time-modern-tattoo-studio_574295-665.jpg", imageAlt: "David Chen"
|
|
|
|
|
id: "2", name: "Michael Chen", role: "Office Manager", company: "Tech Startup", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-tattooer-prepearing-doing-tattoo-by-tattoo-machine-spending-time-modern-tattoo-studio_574295-665.jpg", imageAlt: "Michael Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Emma Rodriguez", role: "Private Collector", company: "Contemporary Collectors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Emma Rodriguez"
|
|
|
|
|
id: "3", name: "Sarah Williams", role: "Interior Designer", company: "Williams Design Studio", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Sarah Williams"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "James Thompson", role: "Design Director", company: "Architectural Digest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "James Thompson"
|
|
|
|
|
id: "4", name: "David Thompson", role: "Restaurant Owner", company: "Modern Bistro", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "David Thompson"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
@@ -200,10 +200,10 @@ export default function ArtStudioPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Ready to bring transformative art into your collection or space? Let's collaborate and create something extraordinary together."
|
|
|
|
|
text="Ready to refresh your walls with curated art? Explore our bundles and transform your space today."
|
|
|
|
|
animationType="entrance-slide"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Start Commission", href: "#" },
|
|
|
|
|
{ text: "Start Your Bundle", href: "#" },
|
|
|
|
|
{ text: "Schedule Consultation", href: "#" }
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
@@ -213,7 +213,7 @@ export default function ArtStudioPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="Art by J"
|
|
|
|
|
logoText="Wall Refresh"
|
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
|
|
|
|
/>
|
|
|
|
|
|
