Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Classes",
|
||||
id: "classes",
|
||||
},
|
||||
name: "Classes", id: "classes"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Artis Studio"
|
||||
/>
|
||||
@@ -52,116 +44,45 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unleash Your Inner Vision"
|
||||
description="Professional oil painting services and immersive art classes for all skill levels. Transform your creative potential in a nurturing studio environment."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=1",
|
||||
imageAlt: "Professional oil painting in studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg?_wi=1",
|
||||
imageAlt: "Abstract art detailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=2",
|
||||
imageAlt: "Canvas setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg?_wi=2",
|
||||
imageAlt: "Color palette",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=3",
|
||||
imageAlt: "Studio light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg?_wi=3",
|
||||
imageAlt: "Final painting",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg", imageAlt: "artist painting on canvas studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg", imageAlt: "abstract colorful art painting detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg", imageAlt: "artist painting on canvas studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg", imageAlt: "abstract colorful art painting detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg", imageAlt: "artist painting on canvas studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg", imageAlt: "abstract colorful art painting detail" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg?_wi=4",
|
||||
imageAlt: "Artistic paint textures",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=4",
|
||||
imageAlt: "Artist hand with brush",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg?_wi=5",
|
||||
imageAlt: "Mixed colors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=5",
|
||||
imageAlt: "Workshop setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg?_wi=6",
|
||||
imageAlt: "Studio wall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=6",
|
||||
imageAlt: "Palette knife detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg", imageAlt: "abstract colorful art painting detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg", imageAlt: "artist painting on canvas studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg", imageAlt: "abstract colorful art painting detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg", imageAlt: "artist painting on canvas studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-orange-painted-surface_23-2147964050.jpg", imageAlt: "abstract colorful art painting detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg", imageAlt: "artist painting on canvas studio" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Class",
|
||||
href: "#classes",
|
||||
},
|
||||
text: "Book a Class", href: "#classes"},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#about",
|
||||
},
|
||||
text: "View Portfolio", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-wearing-make-up_23-2149190721.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014097.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168973.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surprised-senior-businesswoman-eyeglasses_1262-5874.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-pretty-young-20s-woman-glasses-student-employee-smiling-camera-happy-carrying-tote-bag-lean-red-brick-building-wall-campus-enjoying-leisure_197531-30540.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-wearing-make-up_23-2149190721.jpg", alt: "happy portrait of young woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014097.jpg", alt: "happy portrait of middle aged man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168973.jpg", alt: "happy young man art student portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/surprised-senior-businesswoman-eyeglasses_1262-5874.jpg", alt: "happy senior woman smiling portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-pretty-young-20s-woman-glasses-student-employee-smiling-camera-happy-carrying-tote-bag-lean-red-brick-building-wall-campus-enjoying-leisure_197531-30540.jpg", alt: "happy young woman smiling student" }
|
||||
]}
|
||||
avatarText="Join our creative community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Oil Painting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Watercolour",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Portrait Drawing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Landscape Studies",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Abstract Art",
|
||||
},
|
||||
{ type: "text", text: "Oil Painting" },
|
||||
{ type: "text", text: "Watercolour" },
|
||||
{ type: "text", text: "Portrait Drawing" },
|
||||
{ type: "text", text: "Landscape Studies" },
|
||||
{ type: "text", text: "Abstract Art" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,20 +92,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Master the art of storytelling through color.",
|
||||
},
|
||||
type: "text", content: "Master the art of storytelling through color."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-painting-canvas_23-2149736226.jpg",
|
||||
alt: "Artist in studio",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-man-painting-canvas_23-2149736226.jpg", alt: "artist portrait warm natural light"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in touch",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get in touch", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -197,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Oil Painting Fundamentals",
|
||||
price: "$120",
|
||||
variant: "Beginner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-artists-painting-beautiful-rustic-creation-canvas_482257-112115.jpg",
|
||||
},
|
||||
id: "1", name: "Oil Painting Fundamentals", price: "$120", variant: "Beginner", imageSrc: "http://img.b2bpic.net/free-photo/team-artists-painting-beautiful-rustic-creation-canvas_482257-112115.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Watercolour Essentials",
|
||||
price: "$95",
|
||||
variant: "All Levels",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-art-teacher-helping-student-with-her-painting-art-class_662251-258.jpg",
|
||||
},
|
||||
id: "2", name: "Watercolour Essentials", price: "$95", variant: "All Levels", imageSrc: "http://img.b2bpic.net/free-photo/pretty-art-teacher-helping-student-with-her-painting-art-class_662251-258.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Portrait Drawing Masterclass",
|
||||
price: "$150",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-fashion-illustrator_171337-14451.jpg",
|
||||
},
|
||||
id: "3", name: "Portrait Drawing Masterclass", price: "$150", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-fashion-illustrator_171337-14451.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Landscape Painting Series",
|
||||
price: "$130",
|
||||
variant: "Intermediate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/changing-colors-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16150.jpg",
|
||||
},
|
||||
id: "4", name: "Landscape Painting Series", price: "$130", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/changing-colors-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16150.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Abstract Expressionism",
|
||||
price: "$110",
|
||||
variant: "All Levels",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painter-mixes-watercolor-paint-palette-create-masterpiece_482257-124781.jpg",
|
||||
},
|
||||
id: "5", name: "Abstract Expressionism", price: "$110", variant: "All Levels", imageSrc: "http://img.b2bpic.net/free-photo/painter-mixes-watercolor-paint-palette-create-masterpiece_482257-124781.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Young Artists Workshop",
|
||||
price: "$80",
|
||||
variant: "Kids/Teens",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-child-making-diy-project-from-upcycled-materials_23-2149391079.jpg",
|
||||
},
|
||||
id: "6", name: "Young Artists Workshop", price: "$80", variant: "Kids/Teens", imageSrc: "http://img.b2bpic.net/free-photo/young-child-making-diy-project-from-upcycled-materials_23-2149391079.jpg"},
|
||||
]}
|
||||
title="Creative Workshops"
|
||||
description="Guided sessions designed to help you explore mediums, refine techniques, and express your creative voice."
|
||||
@@ -246,50 +130,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Student",
|
||||
company: "Oil Painting Workshop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-wearing-make-up_23-2149190721.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Student", company: "Oil Painting Workshop", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-wearing-make-up_23-2149190721.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Davis",
|
||||
role: "Student",
|
||||
company: "Watercolour Series",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014097.jpg",
|
||||
},
|
||||
id: "2", name: "John Davis", role: "Student", company: "Watercolour Series", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014097.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Student",
|
||||
company: "Portrait Masterclass",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168973.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Student", company: "Portrait Masterclass", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168973.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Ross",
|
||||
role: "Student",
|
||||
company: "Landscape Fundamentals",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-senior-businesswoman-eyeglasses_1262-5874.jpg",
|
||||
},
|
||||
id: "4", name: "Michael Ross", role: "Student", company: "Landscape Fundamentals", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-senior-businesswoman-eyeglasses_1262-5874.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Gomez",
|
||||
role: "Student",
|
||||
company: "Abstract Class",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-pretty-young-20s-woman-glasses-student-employee-smiling-camera-happy-carrying-tote-bag-lean-red-brick-building-wall-campus-enjoying-leisure_197531-30540.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Gomez", role: "Student", company: "Abstract Class", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-pretty-young-20s-woman-glasses-student-employee-smiling-camera-happy-carrying-tote-bag-lean-red-brick-building-wall-campus-enjoying-leisure_197531-30540.jpg"},
|
||||
]}
|
||||
title="What Students Say"
|
||||
description="Inspiring stories from those who have rediscovered their love for creativity at Artis Studio."
|
||||
@@ -303,28 +163,17 @@ export default function LandingPage() {
|
||||
description="Ready to book your first class or discuss a custom commission? Fill out the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Class or Commission Inquiry",
|
||||
required: true,
|
||||
name: "subject", type: "text", placeholder: "Class or Commission Inquiry", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell me about your creative goals...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell me about your creative goals...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-displaybannertemplate_1258-95240.jpg"
|
||||
@@ -337,33 +186,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Portfolio", href: "#home"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Classes",
|
||||
href: "#classes",
|
||||
},
|
||||
label: "Classes", href: "#classes"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user