Merge version_1 into main #2
328
src/app/page.tsx
328
src/app/page.tsx
@@ -18,31 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Artists", id: "#about" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Artful Things Niceville"
|
||||
/>
|
||||
@@ -50,22 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="EXPERIENCE FINE ART AND ORIGINAL ITEMS CREATED BY GULF COAST LOCALS"
|
||||
description="Artful Things Niceville is a fine art gallery featuring visual arts and artisan creations by over 50 local creators. Your perfect stop for unique gifts."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gift-frame-with-string-pencil_23-2148370080.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gift-frame-with-string-pencil_23-2148370080.jpg"
|
||||
imageAlt="fine art gallery interior niceville"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Gallery", href: "#gallery" },
|
||||
{ text: "Visit Us", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,20 +60,11 @@ export default function LandingPage() {
|
||||
title="Our Passion for Local Art"
|
||||
description="We are dedicated to supporting over 50 talented local creators. From painting and sculpture to custom framing, we bring the best of the Gulf Coast to you."
|
||||
metrics={[
|
||||
{
|
||||
value: "50+",
|
||||
title: "Local Artists",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Years of Service",
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Unique Creations",
|
||||
},
|
||||
{ value: "50+", title: "Local Artists" },
|
||||
{ value: "12", title: "Years of Service" },
|
||||
{ value: "1000+", title: "Unique Creations" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709101.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709101.jpg"
|
||||
imageAlt="local art gallery showcase"
|
||||
/>
|
||||
</div>
|
||||
@@ -101,60 +76,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Local Artist",
|
||||
name: "Gulf Coast Oil Painting",
|
||||
price: "$350",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Artisan Craft",
|
||||
name: "Hand-blown Glass Vase",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-healthy-fresh-maracuja-fruit_23-2151554282.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Local Artist",
|
||||
name: "Coastal Abstract Canvas",
|
||||
price: "$450",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-beautiful-beach-sea-with-coconut-palm-tree_74190-1019.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Artisan Craft",
|
||||
name: "Hand-forged Jewelry",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheese-paper_23-2150062810.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Local Artist",
|
||||
name: "Original Watercolor",
|
||||
price: "$295",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192250.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Artisan Craft",
|
||||
name: "Ceramic Sculpture",
|
||||
price: "$175",
|
||||
rating: 4,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-vases-pink-line_23-2149835527.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Local Artist", name: "Gulf Coast Oil Painting", price: "$350", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg" },
|
||||
{ id: "p2", brand: "Artisan Craft", name: "Hand-blown Glass Vase", price: "$120", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/view-healthy-fresh-maracuja-fruit_23-2151554282.jpg" },
|
||||
{ id: "p3", brand: "Local Artist", name: "Coastal Abstract Canvas", price: "$450", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-beautiful-beach-sea-with-coconut-palm-tree_74190-1019.jpg" },
|
||||
{ id: "p4", brand: "Artisan Craft", name: "Hand-forged Jewelry", price: "$85", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheese-paper_23-2150062810.jpg" },
|
||||
{ id: "p5", brand: "Local Artist", name: "Original Watercolor", price: "$295", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192250.jpg" },
|
||||
{ id: "p6", brand: "Artisan Craft", name: "Ceramic Sculpture", price: "$175", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/different-shaped-vases-pink-line_23-2149835527.jpg" }
|
||||
]}
|
||||
title="Artistic Creations"
|
||||
description="Explore our curated collection of works by local artists and unique artisan creations perfect for every art lover."
|
||||
@@ -164,46 +91,23 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
showStepNumbers={true}
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Framing",
|
||||
description: "High-quality, archival-grade framing services to protect and enhance your favorite pieces.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-evaluates-drilling-result-board_169016-12956.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-stairs_400718-21.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-frame-with-string-pencil_23-2148370080.jpg?_wi=2",
|
||||
imageAlt: "custom framing services workshop",
|
||||
title: "Custom Framing", description: "High-quality, archival-grade framing services to protect and enhance your favorite pieces.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-evaluates-drilling-result-board_169016-12956.jpg", imageAlt: "custom framing" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-standing-stairs_400718-21.jpg", imageAlt: "custom framing" }
|
||||
},
|
||||
{
|
||||
title: "Art Supplies",
|
||||
description: "Curated selection of professional-grade art supplies for artists of all levels.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-brown-aprons-making-vase_1157-30718.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709118.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709101.jpg?_wi=2",
|
||||
imageAlt: "custom framing services workshop",
|
||||
title: "Art Supplies", description: "Curated selection of professional-grade art supplies for artists of all levels.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/couple-with-brown-aprons-making-vase_1157-30718.jpg", imageAlt: "art supplies" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709118.jpg", imageAlt: "art supplies" }
|
||||
},
|
||||
{
|
||||
title: "Local Art Consultations",
|
||||
description: "Expert advice to help you find the perfect piece of art for your home or office space.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-painting-back-view_23-2149911896.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-paints-picture-canvas-with-brush-marble-background_114579-23016.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg?_wi=2",
|
||||
imageAlt: "custom framing services workshop",
|
||||
},
|
||||
title: "Local Art Consultations", description: "Expert advice to help you find the perfect piece of art for your home or office space.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-painting-back-view_23-2149911896.jpg", imageAlt: "consultation" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-paints-picture-canvas-with-brush-marble-background_114579-23016.jpg", imageAlt: "consultation" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Specialized Services"
|
||||
description="Beyond our gallery, we provide professional services designed for collectors and art enthusiasts in Niceville."
|
||||
/>
|
||||
@@ -214,61 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Susan P.",
|
||||
date: "March 2024",
|
||||
title: "Long-time Customer",
|
||||
quote: "I always find the most unique, meaningful gifts here. Supporting local is the best part!",
|
||||
tag: "Gift Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868314.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-frame-with-string-pencil_23-2148370080.jpg?_wi=3",
|
||||
imageAlt: "happy art customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
date: "January 2024",
|
||||
title: "Art Collector",
|
||||
quote: "The framing work done at Artful Things is top-tier. My paintings have never looked better.",
|
||||
tag: "Collector",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/back-view-couple-holding-hands_23-2149911892.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709101.jpg?_wi=3",
|
||||
imageAlt: "happy art customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
date: "December 2023",
|
||||
title: "Gallery Visitor",
|
||||
quote: "A hidden gem in Niceville. Every time I visit, I see something new and inspiring.",
|
||||
tag: "Art Lover",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-flea-market_23-2149536959.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg?_wi=3",
|
||||
imageAlt: "happy art customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Thomas G.",
|
||||
date: "November 2023",
|
||||
title: "Local Resident",
|
||||
quote: "Beautiful gallery with a fantastic mission. Really keeps our local creative spirit alive.",
|
||||
tag: "Artist Supporter",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-red-hanging-pictures-home_1398-1917.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-healthy-fresh-maracuja-fruit_23-2151554282.jpg?_wi=2",
|
||||
imageAlt: "happy art customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa M.",
|
||||
date: "October 2023",
|
||||
title: "Repeat Visitor",
|
||||
quote: "Friendly staff, unique items, and an incredible collection of Gulf Coast talent.",
|
||||
tag: "Gallery Friend",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-old-woman-hotel-reception_482257-90621.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-beautiful-beach-sea-with-coconut-palm-tree_74190-1019.jpg?_wi=2",
|
||||
imageAlt: "happy art customer portrait",
|
||||
},
|
||||
{ id: "t1", name: "Susan P.", date: "March 2024", title: "Long-time Customer", quote: "I always find the most unique, meaningful gifts here. Supporting local is the best part!", tag: "Gift Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868314.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gift-frame-with-string-pencil_23-2148370080.jpg" },
|
||||
{ id: "t2", name: "Mark D.", date: "January 2024", title: "Art Collector", quote: "The framing work done at Artful Things is top-tier. My paintings have never looked better.", tag: "Collector", avatarSrc: "http://img.b2bpic.net/free-photo/back-view-couple-holding-hands_23-2149911892.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709101.jpg" },
|
||||
{ id: "t3", name: "Elena R.", date: "December 2023", title: "Gallery Visitor", quote: "A hidden gem in Niceville. Every time I visit, I see something new and inspiring.", tag: "Art Lover", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-flea-market_23-2149536959.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg" },
|
||||
{ id: "t4", name: "Thomas G.", date: "November 2023", title: "Local Resident", quote: "Beautiful gallery with a fantastic mission. Really keeps our local creative spirit alive.", tag: "Artist Supporter", avatarSrc: "http://img.b2bpic.net/free-photo/girl-red-hanging-pictures-home_1398-1917.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-healthy-fresh-maracuja-fruit_23-2151554282.jpg" },
|
||||
{ id: "t5", name: "Lisa M.", date: "October 2023", title: "Repeat Visitor", quote: "Friendly staff, unique items, and an incredible collection of Gulf Coast talent.", tag: "Gallery Friend", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-old-woman-hotel-reception_482257-90621.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-beautiful-beach-sea-with-coconut-palm-tree_74190-1019.jpg" }
|
||||
]}
|
||||
title="Collector Experiences"
|
||||
description="What our local Niceville art community has to say about their visit and unique finds at our gallery."
|
||||
@@ -279,27 +133,15 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept new local artists?",
|
||||
content: "We are always looking for new talent! Please stop by during business hours to discuss our submission process.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does custom framing take?",
|
||||
content: "Typically, turnaround is 2-3 weeks depending on material availability and current work load.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your art supplies for professionals?",
|
||||
content: "Yes, we carry a curated range of high-quality professional-grade supplies for all skill levels.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept new local artists?", content: "We are always looking for new talent! Please stop by during business hours to discuss our submission process." },
|
||||
{ id: "f2", title: "How long does custom framing take?", content: "Typically, turnaround is 2-3 weeks depending on material availability and current work load." },
|
||||
{ id: "f3", title: "Are your art supplies for professionals?", content: "Yes, we carry a curated range of high-quality professional-grade supplies for all skill levels." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709096.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our local gallery and framing services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -309,29 +151,11 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Have questions about an artist, our services, or want to join our mailing list? We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message here...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-young-tourists-walking-urban-enjoy-holiday-together-couple-travel-concept_1150-4616.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -340,61 +164,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Artful Things Niceville"
|
||||
columns={[
|
||||
{
|
||||
title: "Gallery",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Artists",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Calendar",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Framing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Art Supplies",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Classes",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Gallery", items: [{ label: "About Us", href: "#about" }, { label: "Artists", href: "#" }, { label: "Calendar", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Custom Framing", href: "#services" }, { label: "Art Supplies", href: "#services" }, { label: "Classes", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Newsletter", href: "#" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user