Merge version_3 into main #5
@@ -6,10 +6,9 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Sparkles, Video, Zap, Star, Film, Clapperboard, Instagram, Linkedin, Youtube, Mail } from 'lucide-react';
|
||||
import { Sparkles, Video, Zap, Star, Clapperboard, Instagram, Linkedin, Youtube, Mail } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -51,14 +50,16 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen", handle: "Creative Director, Studio XYZ", testimonial: "Ebad transformed our vision into reality. The motion work was absolutely stunning and delivered on time.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-conf-1772771620456-00dcccd1.png?_wi=1", imageAlt: "Sarah Chen"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-conf-1772771620456-00dcccd1.png?_wi=1", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
name: "Michael Rodriguez", handle: "Brand Manager, Innovate Co", testimonial: "Professional, creative, and incredibly talented. Ebad is the video editor every project needs.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-crea-1772771620426-149b4873.png?_wi=1", imageAlt: "Michael Rodriguez"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-crea-1772771620426-149b4873.png?_wi=1", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{ text: "View Portfolio", href: "#portfolio" },
|
||||
{ text: "View Portfolio", href: "/portfolio" },
|
||||
{ text: "Let's Talk", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -94,13 +95,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Video Production", title: "Professional Editing", subtitle: "Cinematic video post-production", description: "Expert video editing using industry-leading software. Color grading, sound design, and seamless cuts that bring your footage to life with professional polish and creative vision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/a-sleek-product-commercial-still-frame-s-1772771620443-a056b627.png?_wi=1", imageAlt: "Professional editing showcase"},
|
||||
tag: "Video Production", title: "Professional Editing", subtitle: "Cinematic video post-production", description: "Expert video editing using industry-leading software. Color grading, sound design, and seamless cuts that bring your footage to life with professional polish and creative vision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/a-sleek-product-commercial-still-frame-s-1772771620443-a056b627.png?_wi=1", imageAlt: "Professional editing showcase"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Motion Graphics", title: "Dynamic Animation", subtitle: "Engaging motion design", description: "Custom motion graphics and animation for commercials, social media, and corporate videos. Smooth transitions, kinetic typography, and visual effects that captivate audiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/corporate-branding-video-thumbnail-showi-1772771620384-dc3c16bf.png?_wi=1", imageAlt: "Motion graphics showcase"},
|
||||
tag: "Motion Graphics", title: "Dynamic Animation", subtitle: "Engaging motion design", description: "Custom motion graphics and animation for commercials, social media, and corporate videos. Smooth transitions, kinetic typography, and visual effects that captivate audiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/corporate-branding-video-thumbnail-showi-1772771620384-dc3c16bf.png?_wi=1", imageAlt: "Motion graphics showcase"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Content Creation", title: "Social Media Content", subtitle: "Trending video production", description: "Fast-paced, trend-focused video editing for social platforms. Instagram Reels, TikTok videos, YouTube shorts—optimized for maximum engagement and reach.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/social-media-content-reel-thumbnail-feat-1772771620473-36df65fe.png?_wi=1", imageAlt: "Social content showcase"},
|
||||
tag: "Content Creation", title: "Social Media Content", subtitle: "Trending video production", description: "Fast-paced, trend-focused video editing for social platforms. Instagram Reels, TikTok videos, YouTube shorts—optimized for maximum engagement and reach.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/social-media-content-reel-thumbnail-feat-1772771620473-36df65fe.png?_wi=1", imageAlt: "Social content showcase"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
/>
|
||||
@@ -118,47 +122,28 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Jessica Taylor", handle: "@jessicacreates", testimonial: "Ebad's work elevated our brand exponentially. The attention to detail and creative execution was beyond expectations. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-conf-1772771620456-00dcccd1.png?_wi=2", imageAlt: "Jessica Taylor"},
|
||||
id: "1", name: "Jessica Taylor", handle: "@jessicacreates", testimonial: "Ebad's work elevated our brand exponentially. The attention to detail and creative execution was beyond expectations. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-conf-1772771620456-00dcccd1.png?_wi=2", imageAlt: "Jessica Taylor"
|
||||
},
|
||||
{
|
||||
id: "2", name: "David Martinez", handle: "CEO, Creative Studios", testimonial: "Professional, reliable, and incredibly talented. Ebad delivered an outstanding result that exceeded all our project requirements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-crea-1772771620426-149b4873.png?_wi=2", imageAlt: "David Martinez"},
|
||||
id: "2", name: "David Martinez", handle: "CEO, Creative Studios", testimonial: "Professional, reliable, and incredibly talented. Ebad delivered an outstanding result that exceeded all our project requirements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-crea-1772771620426-149b4873.png?_wi=2", imageAlt: "David Martinez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Wilson", handle: "Marketing Director", testimonial: "The video content Ebad created for us went viral. Great communication and turnaround time. Will definitely work together again!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-of-a-marketing-pro-1772771621581-eb5f4723.png", imageAlt: "Emma Wilson"},
|
||||
id: "3", name: "Emma Wilson", handle: "Marketing Director", testimonial: "The video content Ebad created for us went viral. Great communication and turnaround time. Will definitely work together again!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-of-a-marketing-pro-1772771621581-eb5f4723.png", imageAlt: "Emma Wilson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Alex Chen", handle: "Production Manager", testimonial: "Exceptional motion design work. Ebad brought our concept to life with stunning visuals and smooth animations. A true professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-business-headshot-of-a-cont-1772771619008-e0b37748.png", imageAlt: "Alex Chen"},
|
||||
id: "4", name: "Alex Chen", handle: "Production Manager", testimonial: "Exceptional motion design work. Ebad brought our concept to life with stunning visuals and smooth animations. A true professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-business-headshot-of-a-cont-1772771619008-e0b37748.png", imageAlt: "Alex Chen"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Sophie Anderson", handle: "Content Creator", testimonial: "Outstanding editing skills and creative direction. Ebad transformed raw footage into polished, engaging content that performed incredibly well.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-conf-1772771620456-00dcccd1.png?_wi=3", imageAlt: "Sophie Anderson"},
|
||||
id: "5", name: "Sophie Anderson", handle: "Content Creator", testimonial: "Outstanding editing skills and creative direction. Ebad transformed raw footage into polished, engaging content that performed incredibly well.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-conf-1772771620456-00dcccd1.png?_wi=3", imageAlt: "Sophie Anderson"
|
||||
},
|
||||
{
|
||||
id: "6", name: "James Thompson", handle: "Brand Owner", testimonial: "Ebad is a game-changer for video content. Fast turnaround, excellent communication, and absolutely stunning results every single time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-crea-1772771620426-149b4873.png?_wi=3", imageAlt: "James Thompson"},
|
||||
id: "6", name: "James Thompson", handle: "Brand Owner", testimonial: "Ebad is a game-changer for video content. Fast turnaround, excellent communication, and absolutely stunning results every single time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/professional-headshot-portrait-of-a-crea-1772771620426-149b4873.png?_wi=3", imageAlt: "James Thompson"
|
||||
},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
title="Featured Projects"
|
||||
description="Explore a selection of my best video editing and motion design work"
|
||||
tag="Portfolio"
|
||||
tagIcon={Film}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Brand Commercial - Tech Startup", price: "$5,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/a-sleek-product-commercial-still-frame-s-1772771620443-a056b627.png?_wi=2", imageAlt: "Tech startup commercial", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2", name: "Motion Graphics Package - Corporate", price: "$3,500", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/corporate-branding-video-thumbnail-showi-1772771620384-dc3c16bf.png?_wi=2", imageAlt: "Corporate motion graphics", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Social Content Series - 30 Videos", price: "$4,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/social-media-content-reel-thumbnail-feat-1772771620473-36df65fe.png?_wi=2", imageAlt: "Social media content series", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Create"
|
||||
|
||||
101
src/app/portfolio/page.tsx
Normal file
101
src/app/portfolio/page.tsx
Normal file
@@ -0,0 +1,101 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Film, Zap, Instagram, Linkedin, Youtube, Mail } from 'lucide-react';
|
||||
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Ebad"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
title="Portfolio Projects"
|
||||
description="Explore a selection of my best video editing and motion design work"
|
||||
tag="Portfolio"
|
||||
tagIcon={Film}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Brand Commercial - Tech Startup", price: "$5,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/a-sleek-product-commercial-still-frame-s-1772771620443-a056b627.png?_wi=2", imageAlt: "Tech startup commercial", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2", name: "Motion Graphics Package - Corporate", price: "$3,500", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/corporate-branding-video-thumbnail-showi-1772771620384-dc3c16bf.png?_wi=2", imageAlt: "Corporate motion graphics", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Social Content Series - 30 Videos", price: "$4,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/social-media-content-reel-thumbnail-feat-1772771620473-36df65fe.png?_wi=2", imageAlt: "Social media content series", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "4", name: "Brand Commercial - Tech Startup", price: "$5,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/a-sleek-product-commercial-still-frame-s-1772771620443-a056b627.png?_wi=3", imageAlt: "Tech startup commercial", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "5", name: "Motion Graphics Package - Corporate", price: "$3,500", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/corporate-branding-video-thumbnail-showi-1772771620384-dc3c16bf.png?_wi=3", imageAlt: "Corporate motion graphics", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "6", name: "Social Content Series - 30 Videos", price: "$4,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYZHwIIpPMQoHeLpx2HiltJyDw/social-media-content-reel-thumbnail-feat-1772771620473-36df65fe.png?_wi=3", imageAlt: "Social media content series", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Create"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
title="Let's Bring Your Vision to Life"
|
||||
description="Whether you need professional video editing, stunning motion graphics, or engaging social content, let's collaborate to create something amazing together."
|
||||
buttons={[
|
||||
{ text: "Contact Ebad", href: "mailto:hello@ebadmotiondesign.com" },
|
||||
{ text: "Schedule Consultation", href: "https://calendly.com" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Ebad"
|
||||
copyrightText="© 2025 Ebad | Professional Video & Motion Design"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com/ebadmotiondesign", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com/in/ebaddesign", ariaLabel: "LinkedIn" },
|
||||
{ icon: Youtube, href: "https://youtube.com/@ebadmotiondesign", ariaLabel: "YouTube" },
|
||||
{ icon: Mail, href: "mailto:hello@ebadmotiondesign.com", ariaLabel: "Email" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user