bender/e370bbe2-874c-490b-9635-18795a5e79fd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-08 08:49:41 +00:00
parent eeee5530ef 62c83ac9c4
commit 7c20f8bd63
2 changed files with 31 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/app/page.tsx
View File

@@ -112,15 +112,15 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Social Media Ad Edit", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-trimming-segments-drone-shot-footage-using-mockup-computer_482257-118850.jpg" },
{ id: "p2", name: "Brand Intro Video", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/close-up-radio-equipment-arrangement_23-2148802303.jpg" },
{ id: "p3", name: "Feature Documentary", price: "$1200", imageSrc: "http://img.b2bpic.net/free-photo/working-photographer-man-standing-looking-laptop_23-2148424358.jpg" },
{ id: "p4", name: "Motion Graphic Logo", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg" },
{ id: "p5", name: "YouTube Content Edit", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-headphones-getting-ready-podcast_23-2149434268.jpg" },
{ id: "p6", name: "Corporate Training Video", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-streaming-chat-empty-gaming-studio-online-video-games-tournament_482257-553.jpg" }
{ id: "p1", name: "Social Media Ad Edit", price: "Video Editing", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-trimming-segments-drone-shot-footage-using-mockup-computer_482257-118850.jpg" },
{ id: "p2", name: "Brand Intro Video", price: "Video Editing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-radio-equipment-arrangement_23-2148802303.jpg" },
{ id: "p3", name: "Feature Documentary", price: "Video Editing", imageSrc: "http://img.b2bpic.net/free-photo/working-photographer-man-standing-looking-laptop_23-2148424358.jpg" },
{ id: "p4", name: "Motion Graphic Logo", price: "Graphics", imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg" },
{ id: "p5", name: "Custom Social Assets", price: "Graphics", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-headphones-getting-ready-podcast_23-2149434268.jpg" },
{ id: "p6", name: "Marketing Infographics", price: "Graphics", imageSrc: "http://img.b2bpic.net/free-photo/close-up-streaming-chat-empty-gaming-studio-online-video-games-tournament_482257-553.jpg" }
]}
title="Core Offerings"
description="Customized packages tailored to fit your video needs."
title="Services We Provide"
description="Professional-grade video editing and high-impact graphic design tailored for your brand."
/>
</div>
@@ -130,12 +130,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "start", badge: "Essential", price: "$499", subtitle: "Perfect for starters", features: ["1 Video Per Month", "Basic Motion Graphics", "2 Rounds of Revision"] },
{ id: "pro", badge: "Growth", price: "$999", subtitle: "For growing brands", features: ["4 Videos Per Month", "Advanced Motion Graphics", "Unlimited Revisions"] },
{ id: "agency", badge: "Enterprise", price: "$1999", subtitle: "Full team support", features: ["8+ Videos Per Month", "Dedicated Editor", "24/7 Priority Support"] }
{ id: "essential", badge: "Essential", price: "$499", subtitle: "Kickstart your content", features: ["1 Project", "Standard Turnaround", "Basic Graphics"] },
{ id: "growth", badge: "Growth", price: "$999", subtitle: "For active brands", features: ["4 Projects", "Fast Turnaround", "Advanced Graphics"] },
{ id: "enterprise", badge: "Enterprise", price: "$1999", subtitle: "Complete production team", features: ["8+ Projects", "Priority Turnaround", "Dedicated Lead Support"] }
]}
title="Simple Pricing Packages"
description="Scalable solutions for your growing media library."
title="Service Packages"
description="Transparent and flexible plans designed to scale with your content needs."
/>
</div>
@@ -145,12 +145,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "150+", title: "Clients Served", description: "Global brands supported.", imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-with-old-computer-still-life_23-2150155594.jpg" },
{ id: "m2", value: "2.5k+", title: "Videos Edited", description: "Delivered with perfection.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-125052.jpg" },
{ id: "m3", value: "100%", title: "Client Satisfaction", description: "Committed to quality.", imageSrc: "http://img.b2bpic.net/free-photo/creative-manager-questions-her-employee_482257-121337.jpg" }
{ id: "m1", value: "150+", title: "Successful Projects", description: "Helping brands grow through visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-with-old-computer-still-life_23-2150155594.jpg" },
{ id: "m2", value: "2.5k+", title: "Hours of Editing", description: "Dedication to cinematic perfection.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-125052.jpg" },
{ id: "m3", value: "100%", title: "Quality Guarantee", description: "We are committed to your total satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/creative-manager-questions-her-employee_482257-121337.jpg" }
]}
title="Proven Results"
description="We let our numbers do the talking for your business."
title="Company Achievements"
description="Our growth and commitment to excellence over the years."
/>
</div>
@@ -160,13 +160,11 @@ export default function LandingPage() {
testimonials={[
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg" },
{ id: "t2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg" },
{ id: "t3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
{ id: "t4", name: "Mark Stevens", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3837.jpg" },
{ id: "t5", name: "Julia Roberts", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg" }
{ id: "t3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" }
]}
cardTitle="Client Stories"
cardTitle="What Clients Say"
cardAnimation="slide-up"
cardTag="Testimonials"
cardTag="Client Reviews"
/>
</div>
@@ -174,19 +172,19 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Get in touch"
title="Ready to Start Your Video Project?"
description="Fill in the details and let our team contact you."
tag="Let's Connect"
title="Ready to Elevate Your Media?"
description="Whether it's video or graphics, let's discuss your project goals today."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Citrus Media Solution"
copyrightText="© 2025 | Citrus Media Solution"
copyrightText="© 2025 | Citrus Media Solution - All Rights Reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

10
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00;
--background: #fafffa;
--card: #f0f7f0;
--foreground: #1a2e1a;
--primary-cta: #FF7B05;
--primary-cta-text: #ffffff;
--secondary-cta: #80da9b;
--secondary-cta-text: #001a0a;
--accent: #e2e2e2;
--background-accent: #80da9b;
--accent: #fde047;
--background-accent: #dcfce7;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);