|
|
|
|
@@ -1,405 +1,79 @@
|
|
|
|
|
"use client";
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
|
|
|
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
|
|
|
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
|
|
|
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
|
|
|
|
|
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
|
|
|
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import { Target, Zap, Star, Crown, Mail } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
|
|
|
|
|
|
|
|
|
|
export default function Home() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="icon-arrow"
|
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="fluid"
|
|
|
|
|
cardStyle="solid-accent"
|
|
|
|
|
primaryButtonStyle="diagonal-gradient"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="aurora"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleFullscreen
|
|
|
|
|
brandName="English Dom"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "home" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Courses", id: "features" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="Learn English Online"
|
|
|
|
|
bottomRightText="hello@englishdom.com"
|
|
|
|
|
<NavbarStyleMinimal
|
|
|
|
|
brandName="Webild"
|
|
|
|
|
button={{ text: "Get Started", href: "https://webild.io" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCarouselLogo
|
|
|
|
|
logoText="English Dom"
|
|
|
|
|
description="Master English fluency with expert instructors. Interactive lessons designed for all levels."
|
|
|
|
|
buttons={[{"text":"Start Trial","href":"www.linkedin.com"},
|
|
|
|
|
{"text":"All Courses","href":"features"}]}
|
|
|
|
|
slides={[
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg", imageAlt: "Interactive classroom learning" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484690859-dcha1n3w.jpg", imageAlt: "Online English lessons" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484691610-pealshm9.jpg", imageAlt: "English conversation practice" }
|
|
|
|
|
]}
|
|
|
|
|
autoplayDelay={4000}
|
|
|
|
|
showDimOverlay={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TagMediaSplitAbout
|
|
|
|
|
title="Transforming English Education Since 2015"
|
|
|
|
|
description="We believe learning English should be engaging, accessible, and effective for everyone."
|
|
|
|
|
tag="Our Story"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
contentTag="MISSION"
|
|
|
|
|
contentTagIcon={Target}
|
|
|
|
|
contentTitle="Expert instruction meets modern methodology"
|
|
|
|
|
contentDescription="English Dom combines traditional teaching excellence with cutting-edge technology. Our certified instructors create personalized learning experiences that help students achieve fluency in speaking, listening, reading, and writing."
|
|
|
|
|
contentButtons={[{ text: "Learn More", href: "features" }]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
|
|
|
|
|
imageAlt="English Dom learning center"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardSeven
|
|
|
|
|
title="Comprehensive Course Levels"
|
|
|
|
|
description="From complete beginner to advanced proficiency, our structured programs ensure steady progress."
|
|
|
|
|
tag="Courses"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
title: "Beginner English",
|
|
|
|
|
description: "Master pronunciation, basic vocabulary, and essential grammar. Perfect for absolute beginners starting their English journey.",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
title: "Intermediate English",
|
|
|
|
|
description: "Build conversational fluency with real-world scenarios. Expand vocabulary and master complex grammar structures.",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
title: "Advanced English",
|
|
|
|
|
description: "Achieve native-like fluency and professionalism. Specialized content for business, academic, and cultural contexts.",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 4,
|
|
|
|
|
title: "Certification Programs",
|
|
|
|
|
description: "Prepare for international exams including TOEFL, IELTS, and Cambridge certificates with expert guidance.",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardTwo
|
|
|
|
|
title="Simple, Transparent Pricing"
|
|
|
|
|
description="Choose the plan that fits your learning goals and schedule."
|
|
|
|
|
tag="Plans"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "starter",
|
|
|
|
|
badge: "Starter",
|
|
|
|
|
badgeIcon: Zap,
|
|
|
|
|
price: "$49/month",
|
|
|
|
|
subtitle: "Perfect for beginners",
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: "Get Started", href: "contact" },
|
|
|
|
|
{ text: "Learn More", href: "#" }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
"4 lessons per month",
|
|
|
|
|
"Group classes",
|
|
|
|
|
"Basic materials",
|
|
|
|
|
"Email support",
|
|
|
|
|
"Progress tracking"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "professional",
|
|
|
|
|
badge: "Professional",
|
|
|
|
|
badgeIcon: Star,
|
|
|
|
|
price: "$129/month",
|
|
|
|
|
subtitle: "Most popular choice",
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: "Get Started", href: "contact" },
|
|
|
|
|
{ text: "Learn More", href: "#" }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
"12 lessons per month",
|
|
|
|
|
"One-on-one sessions",
|
|
|
|
|
"Premium materials",
|
|
|
|
|
"Priority support",
|
|
|
|
|
"Custom curriculum",
|
|
|
|
|
"Monthly assessments"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "elite",
|
|
|
|
|
badge: "Elite",
|
|
|
|
|
badgeIcon: Crown,
|
|
|
|
|
price: "$249/month",
|
|
|
|
|
subtitle: "For serious learners",
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: "Get Started", href: "contact" },
|
|
|
|
|
{ text: "Learn More", href: "#" }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
"Unlimited lessons",
|
|
|
|
|
"Dedicated instructor",
|
|
|
|
|
"Exclusive resources",
|
|
|
|
|
"24/7 support",
|
|
|
|
|
"Exam preparation",
|
|
|
|
|
"Business English focus",
|
|
|
|
|
"Certification guidance"
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
title="Our Impact"
|
|
|
|
|
description="Trusted by thousands of students worldwide to achieve their English goals."
|
|
|
|
|
tag="Results"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
value: "15,000+",
|
|
|
|
|
title: "Active Students",
|
|
|
|
|
description: "Learning English every day with our platform",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hile67"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
value: "8,500+",
|
|
|
|
|
title: "Graduates",
|
|
|
|
|
description: "Successfully achieved their language goals",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardEight
|
|
|
|
|
title="Student Success Stories"
|
|
|
|
|
description="Hear from students who have transformed their English proficiency."
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Maria Santos",
|
|
|
|
|
role: "Marketing Manager",
|
|
|
|
|
company: "TechCorp Brasil",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "Carlos Rodriguez",
|
|
|
|
|
role: "Business Analyst",
|
|
|
|
|
company: "Finance Solutions",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484712325-ocj12p51.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Elena Kowalski",
|
|
|
|
|
role: "Software Engineer",
|
|
|
|
|
company: "Digital Innovations",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484713203-n9nvo4xz.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "Yuki Tanaka",
|
|
|
|
|
role: "International Student",
|
|
|
|
|
company: "University of Excellence",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
name: "Sophie Laurent",
|
|
|
|
|
role: "Project Manager",
|
|
|
|
|
company: "Global Enterprises",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6",
|
|
|
|
|
name: "Ahmed Hassan",
|
|
|
|
|
role: "University Professor",
|
|
|
|
|
company: "Cairo University",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484716089-kpbfo3ho.jpg"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="team" data-section="team">
|
|
|
|
|
<TeamCardSeven
|
|
|
|
|
title="Meet Our Expert Instructors"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
team={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484716991-2p5cqa53.jpg",
|
|
|
|
|
imageAlt: "Sarah Johnson - Senior English Instructor"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484717848-3wjgcq9n.jpg",
|
|
|
|
|
imageAlt: "Emma Wilson - Pronunciation Specialist"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484718833-8686x51w.jpg",
|
|
|
|
|
imageAlt: "Michael Chen - Business English Expert"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg",
|
|
|
|
|
imageAlt: "Lisa Anderson - Exam Preparation Coach"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484719756-7stq3wqe.jpg",
|
|
|
|
|
imageAlt: "James Martinez - Conversational English Instructor"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqSplitMedia
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Find answers to common questions about our courses and programs."
|
|
|
|
|
tag="Help"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg"
|
|
|
|
|
imageAlt="Customer support team"
|
|
|
|
|
mediaPosition="left"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
title: "How do I choose the right level for me?",
|
|
|
|
|
content: "We offer a free placement test to assess your current English level. Based on the results, our advisors will recommend the best course level for your needs. You can also switch levels at any time during your learning journey."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
title: "Can I schedule lessons at my own pace?",
|
|
|
|
|
content: "Yes! Our platform offers flexible scheduling. You can book lessons at times that work best for you. Group classes have fixed schedules, while one-on-one sessions can be customized to your availability."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
title: "What materials do you provide?",
|
|
|
|
|
content: "All our courses include comprehensive learning materials including textbooks, audio files, videos, and interactive exercises. Premium and Elite plans include exclusive resources and specialized content."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
title: "Do you offer certification programs?",
|
|
|
|
|
content: "Yes! We prepare students for major international certifications including TOEFL, IELTS, Cambridge, and TOEIC. Our Elite plan includes comprehensive exam preparation and guidance."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
title: "What is your cancellation policy?",
|
|
|
|
|
content: "You can cancel your subscription anytime with no penalties. We also offer a 7-day money-back guarantee on your first month if you're not completely satisfied."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6",
|
|
|
|
|
title: "How do you track my progress?",
|
|
|
|
|
content: "We provide detailed progress reports, monthly assessments, and personalized feedback. Your instructor will work with you to set goals and monitor your improvement across all language skills."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
tag="Newsletter"
|
|
|
|
|
title="Start Your English Journey Today"
|
|
|
|
|
description="Join thousands of students who are achieving fluency with English Dom. Get expert guidance, personalized lessons, and proven results."
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
|
|
|
|
|
imageAlt="Students learning together"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
tagIcon={Mail}
|
|
|
|
|
inputPlaceholder="Enter your email address"
|
|
|
|
|
buttonText="Join Now US"
|
|
|
|
|
termsText="We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="English Dom"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Home", href: "home" },
|
|
|
|
|
{ label: "About Us", href: "about" },
|
|
|
|
|
{ label: "Courses", href: "features" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Pricing", href: "pricing" },
|
|
|
|
|
{ label: "Testimonials", href: "testimonials" },
|
|
|
|
|
{ label: "Contact", href: "contact" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
{ label: "Terms of Service", href: "#" },
|
|
|
|
|
{ label: "Sitemap", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
|
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
|
|
|
{ label: "LinkedIn", href: "https://linkedin.com" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<div className="w-full bg-gradient-to-b from-background via-background to-card py-16 px-4 md:px-8">
|
|
|
|
|
<div className="max-w-7xl mx-auto">
|
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
|
|
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="/placeholders/placeholder-16-9.svg"
|
|
|
|
|
alt="Portfolio item 1"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="/placeholders/placeholder-16-9.svg"
|
|
|
|
|
alt="Portfolio item 2"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="/placeholders/placeholder-16-9.svg"
|
|
|
|
|
alt="Portfolio item 3"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="/placeholders/placeholder-16-9.svg"
|
|
|
|
|
alt="Portfolio item 4"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="/placeholders/placeholder-16-9.svg"
|
|
|
|
|
alt="Portfolio item 5"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="aspect-video bg-accent rounded-lg overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="/placeholders/placeholder-16-9.svg"
|
|
|
|
|
alt="Portfolio item 6"
|
|
|
|
|
className="w-full h-full object-cover"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
