From b0df18779bad47c7bb3d6f2b7ab2fe31c7c6ea52 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 19:34:43 +0000 Subject: [PATCH 1/3] Update src/app/layout.tsx --- src/app/layout.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 079c79f..eab6fa6 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -22,12 +22,14 @@ const archivo = Archivo({ export const metadata: Metadata = { title: "Art Corner Studio - Art Classes for All Ages in Ann Arbor", description: "Personalized art education for kids, teens, and adults in Ann Arbor. Year-round classes, summer camps, portfolio prep, and hands-on instruction in traditional and digital art.", keywords: "art classes Ann Arbor, art studio, art education, summer art camp, portfolio preparation, drawing classes, painting classes, digital art, creative learning", robots: { index: true, - follow: true, + follow: true }, openGraph: { - title: "Art Corner Studio - Discover Your Creative Voice", description: "Join our welcoming art community for personalized classes, camps, and creative instruction for all ages in Ann Arbor, Michigan.", type: "website", siteName: "Art Corner Studio"}, + title: "Art Corner Studio - Discover Your Creative Voice", description: "Join our welcoming art community for personalized classes, camps, and creative instruction for all ages in Ann Arbor, Michigan.", type: "website", siteName: "Art Corner Studio" + }, twitter: { - card: "summary_large_image", title: "Art Corner Studio - Creative Classes for All Ages", description: "Personalized art education in Ann Arbor. Classes, camps, and portfolio prep for kids, teens, and adults."}, + card: "summary_large_image", title: "Art Corner Studio - Creative Classes for All Ages", description: "Personalized art education in Ann Arbor. Classes, camps, and portfolio prep for kids, teens, and adults." + } }; export default function RootLayout({ -- 2.49.1 From c5d348bb613aa24b7b60671d074a370673ab8722 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 19:34:43 +0000 Subject: [PATCH 2/3] Update src/app/page.tsx --- src/app/page.tsx | 62 ++++++++++++++++++++++++++++-------------------- 1 file changed, 36 insertions(+), 26 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 11ac56d..3305f37 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -67,7 +67,7 @@ export default function LandingPage() { { name: "Programs", id: "programs" }, { name: "Gallery", id: "gallery" }, { name: "Testimonials", id: "testimonials" }, - { name: "Contact", id: "contact" }, + { name: "Contact", id: "contact" } ]} /> @@ -81,12 +81,12 @@ export default function LandingPage() { avatars={[ { src: "http://img.b2bpic.net/free-photo/portrait-joyful-young-girl-wearing-backpack-headphones_482257-116256.jpg", alt: "Student artwork showcase" }, { src: "http://img.b2bpic.net/free-photo/joyful-beautiful-black-haired-woman-standing-city-park-smiling-lady-enjoying-leisure-time-outdoors-summer-closeup-front-view-female-portrait-concept_74855-12894.jpg", alt: "Happy parent and student" }, - { src: "http://img.b2bpic.net/free-photo/young-attractive-smiling-male-student-joyfully-looking-camera-while-studying-library-university_574295-1561.jpg", alt: "Adult art learner" }, + { src: "http://img.b2bpic.net/free-photo/young-attractive-smiling-male-student-joyfully-looking-camera-while-studying-library-university_574295-1561.jpg", alt: "Adult art learner" } ]} avatarText="Trusted by 500+ students and families" buttons={[ { text: "Join a Class", href: "#contact" }, - { text: "View Schedule", href: "#programs" }, + { text: "View Schedule", href: "#programs" } ]} buttonAnimation="slide-up" /> @@ -99,7 +99,7 @@ export default function LandingPage() { { src: "http://img.b2bpic.net/free-photo/side-view-woman-doing-creative-journaling_23-2150561834.jpg", alt: "Digital Art" }, { src: "http://img.b2bpic.net/free-photo/curly-redhead-girl-is-focused-covering-pottery-vase-before-baking_8353-10819.jpg", alt: "3D Creations" }, { src: "http://img.b2bpic.net/free-photo/full-shot-kids-painting-school_23-2150385331.jpg", alt: "Kids Painting" }, - { src: "http://img.b2bpic.net/free-photo/joyful-artist-her-apprentice-applying-watercolor-paint-canvas_482257-118557.jpg", alt: "Watercolor Art" }, + { src: "http://img.b2bpic.net/free-photo/joyful-artist-her-apprentice-applying-watercolor-paint-canvas_482257-118557.jpg", alt: "Watercolor Art" } ].map((item, idx) => (
@@ -187,11 +188,14 @@ export default function LandingPage() { tag="Gallery" products={[ { - id: "1", name: "Colorful Expression Series", price: "Student Work", imageSrc: "http://img.b2bpic.net/free-photo/little-boy-home-painting_23-2148902417.jpg", imageAlt: "Vibrant student painting"}, + id: "1", name: "Colorful Expression Series", price: "Student Work", imageSrc: "http://img.b2bpic.net/free-photo/little-boy-home-painting_23-2148902417.jpg", imageAlt: "Vibrant student painting" + }, { - id: "2", name: "Digital Art Portfolio", price: "Student Work", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-creative-journaling_23-2150561834.jpg", imageAlt: "Digital artwork by student"}, + id: "2", name: "Digital Art Portfolio", price: "Student Work", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-creative-journaling_23-2150561834.jpg", imageAlt: "Digital artwork by student" + }, { - id: "3", name: "Three-Dimensional Creations", price: "Student Work", imageSrc: "http://img.b2bpic.net/free-photo/curly-redhead-girl-is-focused-covering-pottery-vase-before-baking_8353-10819.jpg", imageAlt: "Student sculpture and 3D art"}, + id: "3", name: "Three-Dimensional Creations", price: "Student Work", imageSrc: "http://img.b2bpic.net/free-photo/curly-redhead-girl-is-focused-covering-pottery-vase-before-baking_8353-10819.jpg", imageAlt: "Student sculpture and 3D art" + } ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -208,7 +212,7 @@ export default function LandingPage() { { id: "1", value: "500+", description: "Students and families empowered through art education and creative growth." }, { id: "2", value: "12+", description: "Years of dedicated service fostering creativity in Ann Arbor's community." }, { id: "3", value: "100%", description: "Commitment to individualized instruction and personalized creative pathways." }, - { id: "4", value: "All Ages", description: "Year-round classes, camps, and programs welcoming curious minds of every age." }, + { id: "4", value: "All Ages", description: "Year-round classes, camps, and programs welcoming curious minds of every age." } ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -226,7 +230,7 @@ export default function LandingPage() { { src: "http://img.b2bpic.net/free-photo/cheerful-multiracial-business-team_1262-21007.jpg", alt: "Another satisfied parent" }, { src: "http://img.b2bpic.net/free-photo/portrait-female-artist-with-paintbrushes_23-2148014135.jpg", alt: "Young artist at work" }, { src: "http://img.b2bpic.net/free-photo/young-attractive-smiling-male-student-joyfully-looking-camera-while-studying-library-university_574295-1561.jpg", alt: "Adult learner" }, - { src: "http://img.b2bpic.net/free-photo/happy-middle-aged-man-making-notes-street-cafe_1262-18860.jpg", alt: "Creative adult student" }, + { src: "http://img.b2bpic.net/free-photo/happy-middle-aged-man-making-notes-street-cafe_1262-18860.jpg", alt: "Creative adult student" } ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -242,17 +246,23 @@ export default function LandingPage() { ctaIcon={Sparkles} faqs={[ { - id: "1", title: "What's the best age to start art classes?", content: "Art is for everyone! We welcome students from age 6 through adulthood. We offer age-appropriate instruction tailored to developmental stages and skill levels. Our instructors are experienced in working with diverse age groups and can help you find the perfect class for your needs."}, + id: "1", title: "What's the best age to start art classes?", content: "Art is for everyone! We welcome students from age 6 through adulthood. We offer age-appropriate instruction tailored to developmental stages and skill levels. Our instructors are experienced in working with diverse age groups and can help you find the perfect class for your needs." + }, { - id: "2", title: "Do I need prior art experience?", content: "Absolutely not! Our classes welcome complete beginners as well as experienced artists. We focus on individual growth and creative exploration rather than reaching a specific skill level. Our personalized instruction approach means you'll learn at your own pace."}, + id: "2", title: "Do I need prior art experience?", content: "Absolutely not! Our classes welcome complete beginners as well as experienced artists. We focus on individual growth and creative exploration rather than reaching a specific skill level. Our personalized instruction approach means you'll learn at your own pace." + }, { - id: "3", title: "What mediums do you teach?", content: "We offer instruction in traditional mediums like drawing, painting, and mixed media, as well as digital art. Classes vary by age group and program, so you can explore different techniques and discover what resonates with you."}, + id: "3", title: "What mediums do you teach?", content: "We offer instruction in traditional mediums like drawing, painting, and mixed media, as well as digital art. Classes vary by age group and program, so you can explore different techniques and discover what resonates with you." + }, { - id: "4", title: "How do I register for classes?", content: "You can view our current schedule and register online through our website, or contact us directly to discuss which program is the best fit. We're happy to answer any questions and help you get started!"}, + id: "4", title: "How do I register for classes?", content: "You can view our current schedule and register online through our website, or contact us directly to discuss which program is the best fit. We're happy to answer any questions and help you get started!" + }, { - id: "5", title: "Do you offer portfolio preparation?", content: "Yes! Our teen and adult programs include personalized portfolio guidance for students applying to art schools or building professional portfolios. We work one-on-one with you to showcase your best work and develop a compelling creative presentation."}, + id: "5", title: "Do you offer portfolio preparation?", content: "Yes! Our teen and adult programs include personalized portfolio guidance for students applying to art schools or building professional portfolios. We work one-on-one with you to showcase your best work and develop a compelling creative presentation." + }, { - id: "6", title: "Are summer camps available for all ages?", content: "We offer summer camps for kids and teens with themed, multi-week programs. Each camp features intensive creative projects and collaborative art-making. Contact us to learn about current camp offerings and registration details."}, + id: "6", title: "Are summer camps available for all ages?", content: "We offer summer camps for kids and teens with themed, multi-week programs. Each camp features intensive creative projects and collaborative art-making. Contact us to learn about current camp offerings and registration details." + } ]} useInvertedBackground={false} animationType="slide-up" -- 2.49.1 From 018c7af6e29e590914cb4d678a877073db15dabc Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 19:43:02 +0000 Subject: [PATCH 3/3] Update src/app/page.tsx --- src/app/page.tsx | 91 +++++++++--------------------------------------- 1 file changed, 16 insertions(+), 75 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3305f37..93d4e75 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,41 +11,8 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia import ContactFaq from "@/components/sections/contact/ContactFaq"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; import { BookOpen, Brush, Calendar, Heart, Mountain, Palette, Sparkles, Target, Users, Zap } from "lucide-react"; -import { useEffect, useRef } from "react"; export default function LandingPage() { - const marqueeRef = useRef(null); - - useEffect(() => { - if (!marqueeRef.current) return; - - const marquee = marqueeRef.current; - const scrollContainer = marquee.querySelector(".marquee-scroll") as HTMLElement; - if (!scrollContainer) return; - - // Clone items for infinite scroll - const items = Array.from(scrollContainer.children); - items.forEach((item) => { - const clone = item.cloneNode(true); - scrollContainer.appendChild(clone); - }); - - let scrollPosition = 0; - const itemWidth = (items[0] as HTMLElement).offsetWidth + 16; // 16px gap - const totalWidth = itemWidth * items.length; - - const animate = () => { - scrollPosition += 1; - if (scrollPosition >= totalWidth) { - scrollPosition = 0; - } - scrollContainer.style.transform = `translateX(-${scrollPosition}px)`; - requestAnimationFrame(animate); - }; - - animate(); - }, []); - return (
-
- - - {/* Infinite Horizontal Scroll Gallery */} -
-
- {[ - { src: "http://img.b2bpic.net/free-photo/little-boy-home-painting_23-2148902417.jpg", alt: "Colorful Expression" }, - { src: "http://img.b2bpic.net/free-photo/side-view-woman-doing-creative-journaling_23-2150561834.jpg", alt: "Digital Art" }, - { src: "http://img.b2bpic.net/free-photo/curly-redhead-girl-is-focused-covering-pottery-vase-before-baking_8353-10819.jpg", alt: "3D Creations" }, - { src: "http://img.b2bpic.net/free-photo/full-shot-kids-painting-school_23-2150385331.jpg", alt: "Kids Painting" }, - { src: "http://img.b2bpic.net/free-photo/joyful-artist-her-apprentice-applying-watercolor-paint-canvas_482257-118557.jpg", alt: "Watercolor Art" } - ].map((item, idx) => ( -
- {item.alt} -
- ))} -
-
-
+
-- 2.49.1