Merge version_1_1776934467227 into main #3
388
src/App.tsx
388
src/App.tsx
@@ -13,219 +13,205 @@ import TestimonialRatingCards from '@/components/sections/testimonial/Testimonia
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Stop Time"
|
||||
navItems={[
|
||||
{
|
||||
name: "About", href: "#about"},
|
||||
{
|
||||
name: "Courses", href: "#courses"},
|
||||
{
|
||||
name: "Pricing", href: "#pricing"},
|
||||
{
|
||||
name: "Team", href: "#team"},
|
||||
{
|
||||
name: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
name: "Contact", href: "#contact"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Enroll Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Stop Time"
|
||||
navItems={[
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Courses", href: "#courses" },
|
||||
{ name: "Pricing", href: "#pricing" },
|
||||
{ name: "Team", href: "#team" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "Contact", href: "#contact" },
|
||||
]}
|
||||
ctaButton={{ text: "Enroll Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Since 2010"
|
||||
title="Master the Art of Photography"
|
||||
description="Stop time with professional guidance and industry-standard training."
|
||||
primaryButton={{
|
||||
text: "Start Learning", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Curriculum", href: "#courses"}}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-good-looking-mature-male-glasses-black-beanie-holding-professional-camera-smiling-with-joy-working-as-journalist-photographer_176420-23589.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-takes-photo-himself-mirror-with-camera-closeup-photo_169016-63925.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396712.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-photographer-photo-art-concept_23-2148565570.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-floor-black-white-surface_176420-16856.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452665.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glowing-multi-colored-wave-pattern-dark-backdrop-generated-by-ai_188544-34071.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/boy-spinning-colorful-lights_1353-9.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037448.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139118.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-leaning-window-sill-taking-photo_23-2148565516.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Since 2010"
|
||||
title="Master the Art of Photography"
|
||||
description="Stop time with professional guidance and industry-standard training."
|
||||
primaryButton={{ text: "Start Learning", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Curriculum", href: "#courses" }}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-good-looking-mature-male-glasses-black-beanie-holding-professional-camera-smiling-with-joy-working-as-journalist-photographer_176420-23589.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-takes-photo-himself-mirror-with-camera-closeup-photo_169016-63925.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396712.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-photographer-photo-art-concept_23-2148565570.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-floor-black-white-surface_176420-16856.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452665.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glowing-multi-colored-wave-pattern-dark-backdrop-generated-by-ai_188544-34071.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/boy-spinning-colorful-lights_1353-9.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037448.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139118.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-leaning-window-sill-taking-photo_23-2148565516.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Mission"
|
||||
title="Bringing Vision to Life"
|
||||
description="At Stop Time, we blend technical expertise with artistic exploration to empower every student."
|
||||
primaryButton={{
|
||||
text: "Learn More", href: "#"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184615.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Mission"
|
||||
title="Bringing Vision to Life"
|
||||
description="At Stop Time, we blend technical expertise with artistic exploration to empower every student."
|
||||
primaryButton={{ text: "Learn More", href: "#" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184615.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="courses" data-section="courses">
|
||||
<FeaturesTimelineCards
|
||||
tag="Curriculum"
|
||||
title="From Basics to Mastery"
|
||||
description="A structured journey through the world of light and composition."
|
||||
items={[
|
||||
{
|
||||
title: "Foundation of Light", description: "Master camera settings and manual mode control.", imageSrc: "http://img.b2bpic.net/free-photo/steel-interlocking-machine-shiny-teamwork_1112-1056.jpg"},
|
||||
{
|
||||
title: "Portrait Mastery", description: "Studio lighting and human subject posing techniques.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-posing-as-model-photography-studio-making-fish-face-with-lips-crazy-comical-gesture-funny-expression_839833-31907.jpg"},
|
||||
{
|
||||
title: "Advanced Post-Editing", description: "Professional retouching for commercial workflows.", imageSrc: "http://img.b2bpic.net/free-photo/asian-photographer-editing-picture-with-retouching-software-computer-working-with-retoucher-interface-edit-art-photograph-with-color-grading-visual-contrast-multimedia-production_482257-49873.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Enrollment"
|
||||
title="Flexible Learning Plans"
|
||||
description="Start your journey today."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials", price: "$499", description: "Perfect for hobbyists looking for solid skills.", primaryButton: {
|
||||
text: "Choose Essentials", href: "#contact"},
|
||||
features: [
|
||||
"Fundamentals Course", "Community Access", "Group Q&A"],
|
||||
},
|
||||
{
|
||||
tag: "Professional", price: "$1299", description: "Complete path for future professionals.", primaryButton: {
|
||||
text: "Choose Professional", href: "#contact"},
|
||||
features: [
|
||||
"Everything in Essentials", "1-on-1 Mentorship", "Commercial Portfolio Building", "Industry Certification"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Success"
|
||||
title="Our Impact"
|
||||
description="Building successful photographers every day."
|
||||
metrics={[
|
||||
{
|
||||
value: "1500+", description: "Graduates"},
|
||||
{
|
||||
value: "20+", description: "Awards"},
|
||||
{
|
||||
value: "50+", description: "Corporate Partners"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamListCards
|
||||
tag="Instructors"
|
||||
title="Meet the Experts"
|
||||
description="Industry pros with over a decade of experience."
|
||||
groups={[
|
||||
{
|
||||
title: "Lead Faculty", members: [
|
||||
<div id="courses" data-section="courses">
|
||||
<FeaturesTimelineCards
|
||||
tag="Curriculum"
|
||||
title="From Basics to Mastery"
|
||||
description="A structured journey through the world of light and composition."
|
||||
items={[
|
||||
{
|
||||
name: "Sarah Chen", role: "Head Instructor", detail: "Commercial photographer with 15 years experience.", imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408811.jpg"},
|
||||
title: "Foundation of Light", description: "Master camera settings and manual mode control.", imageSrc: "http://img.b2bpic.net/free-photo/steel-interlocking-machine-shiny-teamwork_1112-1056.jpg"
|
||||
},
|
||||
{
|
||||
name: "Mark Miller", role: "Portrait Specialist", detail: "Award-winning portrait artist.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-model-with-camera_23-2148503557.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
title: "Portrait Mastery", description: "Studio lighting and human subject posing techniques.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-posing-as-model-photography-studio-making-fish-face-with-lips-crazy-comical-gesture-funny-expression_839833-31907.jpg"
|
||||
},
|
||||
{
|
||||
title: "Advanced Post-Editing", description: "Professional retouching for commercial workflows.", imageSrc: "http://img.b2bpic.net/free-photo/asian-photographer-editing-picture-with-retouching-software-computer-working-with-retoucher-interface-edit-art-photograph-with-color-grading-visual-contrast-multimedia-production_482257-49873.jpg"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Reviews"
|
||||
title="What Students Say"
|
||||
description="Transforming creative lives daily."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna V.", role: "Freelance", quote: "I learned more in one month than a whole year of self-study.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-girl-photographer-taking-pictures-city-makes-photos-outdoors-professional-came_1258-151874.jpg"},
|
||||
{
|
||||
name: "John D.", role: "Studio Owner", quote: "The curriculum is industry-led and practical.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-with-camera-field_23-2149333929.jpg"},
|
||||
{
|
||||
name: "Lisa K.", role: "Student", quote: "Absolutely life-changing workshops.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-tourist-with-photo-camera-travel-backpack_613910-7142.jpg"},
|
||||
{
|
||||
name: "Mike S.", role: "Hobbyist", quote: "The team helped me find my unique style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-2234.jpg"},
|
||||
{
|
||||
name: "Jane P.", role: "Editor", quote: "Simply the best education in the field.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-crossed-arms_23-2149362877.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Enrollment"
|
||||
title="Flexible Learning Plans"
|
||||
description="Start your journey today."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials", price: "$499", description: "Perfect for hobbyists looking for solid skills.", primaryButton: { text: "Choose Essentials", href: "#contact" },
|
||||
features: ["Fundamentals Course", "Community Access", "Group Q&A"],
|
||||
},
|
||||
{
|
||||
tag: "Professional", price: "$1299", description: "Complete path for future professionals.", primaryButton: { text: "Choose Professional", href: "#contact" },
|
||||
features: ["Everything in Essentials", "1-on-1 Mentorship", "Commercial Portfolio Building", "Industry Certification"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Questions"
|
||||
title="Common Inquiries"
|
||||
description="Frequently asked questions about our school."
|
||||
items={[
|
||||
{
|
||||
question: "What equipment do I need?", answer: "A basic DSLR or mirrorless camera is sufficient to start."},
|
||||
{
|
||||
question: "Are classes online or in person?", answer: "We offer both hybrid and fully in-person formats."},
|
||||
{
|
||||
question: "Do I get a certificate?", answer: "Yes, professional certification is included in all advanced plans."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Success"
|
||||
title="Our Impact"
|
||||
description="Building successful photographers every day."
|
||||
metrics={[
|
||||
{ value: "1500+", description: "Graduates" },
|
||||
{ value: "20+", description: "Awards" },
|
||||
{ value: "50+", description: "Corporate Partners" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Join Us"
|
||||
title="Start Your Journey"
|
||||
description="Enroll in our next intake."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Inquire Today"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247259.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamListCards
|
||||
tag="Instructors"
|
||||
title="Meet the Experts"
|
||||
description="Industry pros with over a decade of experience."
|
||||
groups={[
|
||||
{
|
||||
title: "Lead Faculty", members: [
|
||||
{
|
||||
name: "Sarah Chen", role: "Head Instructor", detail: "Commercial photographer with 15 years experience.", imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408811.jpg"
|
||||
},
|
||||
{
|
||||
name: "Mark Miller", role: "Portrait Specialist", detail: "Award-winning portrait artist.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-model-with-camera_23-2148503557.jpg"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="Stop Time"
|
||||
columns={[
|
||||
{
|
||||
title: "School", items: [
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Reviews"
|
||||
title="What Students Say"
|
||||
description="Transforming creative lives daily."
|
||||
testimonials={[
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
name: "Anna V.", role: "Freelance", quote: "I learned more in one month than a whole year of self-study.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-girl-photographer-taking-pictures-city-makes-photos-outdoors-professional-came_1258-151874.jpg"
|
||||
},
|
||||
{
|
||||
label: "Curriculum", href: "#courses"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
name: "John D.", role: "Studio Owner", quote: "The curriculum is industry-led and practical.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-with-camera-field_23-2149333929.jpg"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
name: "Lisa K.", role: "Student", quote: "Absolutely life-changing workshops.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-tourist-with-photo-camera-travel-backpack_613910-7142.jpg"
|
||||
},
|
||||
{
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
],
|
||||
links={[
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]}
|
||||
copyright="© 2024 Stop Time Photography School."
|
||||
/>
|
||||
</div>
|
||||
name: "Mike S.", role: "Hobbyist", quote: "The team helped me find my unique style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-2234.jpg"
|
||||
},
|
||||
{
|
||||
name: "Jane P.", role: "Editor", quote: "Simply the best education in the field.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-crossed-arms_23-2149362877.jpg"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Questions"
|
||||
title="Common Inquiries"
|
||||
description="Frequently asked questions about our school."
|
||||
items={[
|
||||
{ question: "What equipment do I need?", answer: "A basic DSLR or mirrorless camera is sufficient to start." },
|
||||
{ question: "Are classes online or in person?", answer: "We offer both hybrid and fully in-person formats." },
|
||||
{ question: "Do I get a certificate?", answer: "Yes, professional certification is included in all advanced plans." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Join Us"
|
||||
title="Start Your Journey"
|
||||
description="Enroll in our next intake."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Inquire Today"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247259.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="Stop Time"
|
||||
columns={[
|
||||
{
|
||||
title: "School", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Curriculum", href: "#courses" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
links={[
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
]}
|
||||
copyright="© 2024 Stop Time Photography School."
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user