bender/68c1f324-bf0e-4ef2-ae97-cbcbaabe8ae4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/App.tsx

Browse Source
This commit is contained in:
bender
2026-04-23 08:56:36 +00:00
parent f1ea1a2a2f
commit 8ab47bbda3
1 changed files with 187 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

388
src/App.tsx
View File

@@ -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>
</>
);
}
}