Merge version_1 into main #2
540
src/app/page.tsx
540
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Box, Film, MapPin } from "lucide-react";
|
||||
import { Film, MapPin, Box } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,394 +20,178 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Palm Arts"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Palm Arts"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Michael D. Palm Theatre"
|
||||
description="Telluride's premier performing arts venue, home to beloved Palm Arts for over twenty years."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Upcoming Events",
|
||||
href: "#events",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mime-reading-manuscript-stage-empty-auditorium_23-2147891800.jpg?_wi=1",
|
||||
imageAlt: "modern performing arts theater stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes_23-2151211410.jpg",
|
||||
imageAlt: "modern performing arts theater stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185647.jpg",
|
||||
imageAlt: "modern performing arts theater stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428439.jpg",
|
||||
imageAlt: "modern performing arts theater stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mime-with-manuscript-sitting-stage_23-2147891799.jpg",
|
||||
imageAlt: "modern performing arts theater stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ballroom-dance-partners-posing-together_23-2149454014.jpg",
|
||||
imageAlt: "modern performing arts theater stage",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Michael D. Palm Theatre"
|
||||
description="Telluride's premier performing arts venue, home to beloved Palm Arts for over twenty years."
|
||||
buttons={[{ text: "View Upcoming Events", href: "#events" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mime-reading-manuscript-stage-empty-auditorium_23-2147891800.jpg", imageAlt: "modern performing arts theater stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes_23-2151211410.jpg", imageAlt: "modern performing arts theater stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185647.jpg", imageAlt: "modern performing arts theater stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428439.jpg", imageAlt: "modern performing arts theater stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-mime-with-manuscript-sitting-stage_23-2147891799.jpg", imageAlt: "modern performing arts theater stage" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Palm Arts"
|
||||
description="For over twenty years, this 501(c)(3) nonprofit has been delighting audiences with a diverse array of performances including dance, theatre, opera and film."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Diverse Arts",
|
||||
description: "Dance, theatre, opera, and film screenings.",
|
||||
},
|
||||
{
|
||||
title: "State-of-the-art",
|
||||
description: "30,000 square foot facility.",
|
||||
},
|
||||
{
|
||||
title: "Community Hub",
|
||||
description: "Nonprofit committed to artistic excellence.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-havinf-fun-while-playing-poker_23-2149274008.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Palm Arts"
|
||||
description="For over twenty years, this 501(c)(3) nonprofit has been delighting audiences with a diverse array of performances including dance, theatre, opera and film."
|
||||
bulletPoints={[
|
||||
{ title: "Diverse Arts", description: "Dance, theatre, opera, and film screenings." },
|
||||
{ title: "State-of-the-art", description: "30,000 square foot facility." },
|
||||
{ title: "Community Hub", description: "Nonprofit committed to artistic excellence." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-havinf-fun-while-playing-poker_23-2149274008.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Main Theatre",
|
||||
description: "Full fly house and professional equipment.",
|
||||
icon: Film,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-couple-mime-artist-sitting-stage-auditorium_23-2147891681.jpg",
|
||||
imageAlt: "black box theater experimental stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg",
|
||||
imageAlt: "black box theater experimental stage",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mime-reading-manuscript-stage-empty-auditorium_23-2147891800.jpg?_wi=2",
|
||||
imageAlt: "black box theater experimental stage",
|
||||
},
|
||||
{
|
||||
title: "Dance Studio",
|
||||
description: "Professional studio for training and rehearsals.",
|
||||
icon: MapPin,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-ballerina-leotard-dancing_23-2148496750.jpg",
|
||||
imageAlt: "dance studio professional wooden floor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg",
|
||||
imageAlt: "dance studio professional wooden floor",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-havinf-fun-while-playing-poker_23-2149274008.jpg?_wi=2",
|
||||
imageAlt: "black box theater experimental stage",
|
||||
},
|
||||
{
|
||||
title: "Bob Saunders Theatre",
|
||||
description: "Intimate black box venue for experimental work.",
|
||||
icon: Box,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-looking-cinema-screen_23-2147803852.jpg",
|
||||
imageAlt: "film screening theater auditorium",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-theater-seating_23-2151005410.jpg",
|
||||
imageAlt: "film screening theater auditorium",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587507.jpg?_wi=1",
|
||||
imageAlt: "black box theater experimental stage",
|
||||
},
|
||||
]}
|
||||
title="Our Facilities"
|
||||
description="State-of-the-art spaces designed for artistic exploration."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Main Theatre", description: "Full fly house and professional equipment.", icon: Film,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/contemplated-couple-mime-artist-sitting-stage-auditorium_23-2147891681.jpg", imageAlt: "black box theater experimental stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg", imageAlt: "black box theater experimental stage" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Dance Studio", description: "Professional studio for training and rehearsals.", icon: MapPin,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-ballerina-leotard-dancing_23-2148496750.jpg", imageAlt: "dance studio professional wooden floor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg", imageAlt: "dance studio professional wooden floor" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Bob Saunders Theatre", description: "Intimate black box venue for experimental work.", icon: Box,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-looking-cinema-screen_23-2147803852.jpg", imageAlt: "film screening theater auditorium" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-theater-seating_23-2151005410.jpg", imageAlt: "film screening theater auditorium" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Facilities"
|
||||
description="State-of-the-art spaces designed for artistic exploration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Friday Night Live",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Eugene Onegin",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mime-artist-sitting-edge-stage-auditorium_23-2147891678.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Free Friday Flicks",
|
||||
price: "$0",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-theatre_23-2151184686.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mountainfilm Festival",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mime-standing-auditorium-posing_23-2147891533.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Battle of the Bands",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-by-vaping-from-hookah-bar_23-2149191887.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Summer Workshop",
|
||||
price: "$200",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inside-museum_1084-54.jpg",
|
||||
},
|
||||
]}
|
||||
title="Upcoming Events"
|
||||
description="Join us for our next performance or screening."
|
||||
/>
|
||||
</div>
|
||||
<div id="events" data-section="events">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Palm", name: "Friday Night Live", price: "$30", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg" },
|
||||
{ id: "2", brand: "Palm", name: "Eugene Onegin", price: "$30", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/female-mime-artist-sitting-edge-stage-auditorium_23-2147891678.jpg" },
|
||||
{ id: "3", brand: "Palm", name: "Free Friday Flicks", price: "$0", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-theatre_23-2151184686.jpg" },
|
||||
{ id: "4", brand: "Palm", name: "Mountainfilm Festival", price: "$150", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mime-standing-auditorium-posing_23-2147891533.jpg" },
|
||||
{ id: "5", brand: "Palm", name: "Battle of the Bands", price: "$15", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-by-vaping-from-hookah-bar_23-2149191887.jpg" },
|
||||
{ id: "6", brand: "Palm", name: "Summer Workshop", price: "$200", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/inside-museum_1084-54.jpg" }
|
||||
]}
|
||||
title="Upcoming Events"
|
||||
description="Join us for our next performance or screening."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great film!",
|
||||
quote: "Aside from this, it's a great place to catch a film.",
|
||||
name: "Anonymous",
|
||||
role: "Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587507.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wonderful staff",
|
||||
quote: "There was a friendly family hosting today's screening of the Oscar Shorts.",
|
||||
name: "John D.",
|
||||
role: "Attendee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-dark-vip-cinema-studio_23-2149500631.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Very comfortable",
|
||||
quote: "Very comfortable seating.",
|
||||
name: "Sarah P.",
|
||||
role: "Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868281.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Amazing venue",
|
||||
quote: "The acoustics and seating are simply fantastic.",
|
||||
name: "Michael B.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-filming-rustic-artwork-painting-with-smartphone-modern-atelier_482257-118391.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Cultural Gem",
|
||||
quote: "Telluride is lucky to have this space.",
|
||||
name: "Emily C.",
|
||||
role: "Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-male-mime-artist-standing-stage_23-2147891573.jpg",
|
||||
},
|
||||
]}
|
||||
title="Hear From Our Audience"
|
||||
description="What people say about their experience at the Palm."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Hear From Our Audience"
|
||||
description="What people say about their experience at the Palm."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great film!", quote: "Aside from this, it's a great place to catch a film.", name: "Anonymous", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587507.jpg" },
|
||||
{ id: "2", title: "Wonderful staff", quote: "There was a friendly family hosting today's screening of the Oscar Shorts.", name: "John D.", role: "Attendee", imageSrc: "http://img.b2bpic.net/free-photo/client-dark-vip-cinema-studio_23-2149500631.jpg" },
|
||||
{ id: "3", title: "Very comfortable", quote: "Very comfortable seating.", name: "Sarah P.", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868281.jpg" },
|
||||
{ id: "4", title: "Amazing venue", quote: "The acoustics and seating are simply fantastic.", name: "Michael B.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/artist-filming-rustic-artwork-painting-with-smartphone-modern-atelier_482257-118391.jpg" },
|
||||
{ id: "5", title: "Cultural Gem", quote: "Telluride is lucky to have this space.", name: "Emily C.", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-male-mime-artist-standing-stage_23-2147891573.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Telluride Foundation",
|
||||
"Mountainfilm",
|
||||
"Telluride Arts",
|
||||
"Telluride Film Festival",
|
||||
"Palm Arts Board",
|
||||
"Local Schools",
|
||||
"Community Sponsors",
|
||||
]}
|
||||
title="Our Community Partners"
|
||||
description="We are proud to work with these fantastic local organizations."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Telluride Foundation", "Mountainfilm", "Telluride Arts", "Telluride Film Festival", "Palm Arts Board", "Local Schools", "Community Sponsors"]}
|
||||
title="Our Community Partners"
|
||||
description="We are proud to work with these fantastic local organizations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where can I buy tickets?",
|
||||
content: "Tickets are sold at the door or via our website.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What time do doors open?",
|
||||
content: "Doors typically open at 6:30pm for 7pm performances.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the venue wheelchair accessible?",
|
||||
content: "Yes, our state-of-the-art facility is fully accessible.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can I rent the theatre?",
|
||||
content: "We offer venue rentals for special events and performances.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Are there parking options?",
|
||||
content: "Yes, public parking is available within a short walk of the facility.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our events or venue?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our events or venue?"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Where can I buy tickets?", content: "Tickets are sold at the door or via our website." },
|
||||
{ id: "f2", title: "What time do doors open?", content: "Doors typically open at 6:30pm for 7pm performances." },
|
||||
{ id: "f3", title: "Is the venue wheelchair accessible?", content: "Yes, our state-of-the-art facility is fully accessible." },
|
||||
{ id: "f4", title: "Can I rent the theatre?", content: "We offer venue rentals for special events and performances." },
|
||||
{ id: "f5", title: "Are there parking options?", content: "Yes, public parking is available within a short walk of the facility." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us"
|
||||
description="Have questions or want to partner with us? Reach out."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147915826.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us"
|
||||
description="Have questions or want to partner with us? Reach out."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message here", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147915826.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training-outdoors_23-2150510434.jpg"
|
||||
logoText="Palm Arts"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "info@telluridepalm.com",
|
||||
href: "mailto:info@telluridepalm.com",
|
||||
},
|
||||
{
|
||||
label: "(970) 369-5669",
|
||||
href: "tel:9703695669",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training-outdoors_23-2150510434.jpg"
|
||||
logoText="Palm Arts"
|
||||
columns={[
|
||||
{ title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Events", href: "#events" }] },
|
||||
{ title: "Support", items: [{ label: "Donate", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "info@telluridepalm.com", href: "mailto:info@telluridepalm.com" }, { label: "(970) 369-5669", href: "tel:9703695669" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user