Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Gallery", id: "#portfolio" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="VelocityEdits"
|
||||
/>
|
||||
@@ -54,39 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Cinematic Car Edits, Reimagined."
|
||||
description="Level up your brand with high-octane, professional video edits that command attention."
|
||||
tag="Trusted by 100+ car creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Portfolio", href: "#portfolio" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092002.jpg",
|
||||
imageAlt: "Widebody car neon night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920950.jpg",
|
||||
imageAlt: "Luxury car silhouette",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-streets_23-2150863219.jpg",
|
||||
imageAlt: "New york city streets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092004.jpg",
|
||||
imageAlt: "People driving cars on the city street",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001295.jpg",
|
||||
imageAlt: "Man sitting in the car at night",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092002.jpg", imageAlt: "Widebody car neon night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920950.jpg", imageAlt: "Luxury car silhouette" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -99,19 +62,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Turning Raw Footage into ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg",
|
||||
alt: "Edit workspace",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " High-Velocity Art.",
|
||||
},
|
||||
{ type: "text", content: "Turning Raw Footage into " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg", alt: "Edit workspace" },
|
||||
{ type: "text", content: " High-Velocity Art." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,60 +76,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Stance",
|
||||
name: "JDM Drift Edit",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710995.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxury",
|
||||
name: "Supercar Motion",
|
||||
price: "$200",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-red-car-road-back-view_23-2149600183.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Classic",
|
||||
name: "Muscle Power",
|
||||
price: "$120",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2277.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Concept",
|
||||
name: "Cyberpunk Ride",
|
||||
price: "$250",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-collage-metaverse-concept_23-2149391495.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Street",
|
||||
name: "Clean Stance",
|
||||
price: "$130",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-white-car_181624-22603.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Track",
|
||||
name: "Aggressive Drift",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674326.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Stance", name: "JDM Drift Edit", price: "$150", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710995.jpg" },
|
||||
{ id: "p2", brand: "Luxury", name: "Supercar Motion", price: "$200", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/fast-red-car-road-back-view_23-2149600183.jpg" },
|
||||
{ id: "p3", brand: "Classic", name: "Muscle Power", price: "$120", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2277.jpg" }
|
||||
]}
|
||||
title="Recent Edits"
|
||||
description="Browse our latest projects that are taking over the algorithm."
|
||||
@@ -189,21 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "4K Cinematic Resolution",
|
||||
description: "Crisp visuals for every screen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technological-icons-set_23-2147531323.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pro Color Grading",
|
||||
description: "Neon vibes or vintage film tones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-living-room-featuring-dual-monitors-displaying-video-project_482257-124533.jpg",
|
||||
},
|
||||
{
|
||||
title: "24h Express Turnaround",
|
||||
description: "Meet your content deadlines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg",
|
||||
},
|
||||
{ title: "4K Cinematic Resolution", description: "Crisp visuals for every screen.", imageSrc: "http://img.b2bpic.net/free-vector/technological-icons-set_23-2147531323.jpg" },
|
||||
{ title: "Pro Color Grading", description: "Neon vibes or vintage film tones.", imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-living-room-featuring-dual-monitors-displaying-video-project_482257-124533.jpg" },
|
||||
{ title: "24h Express Turnaround", description: "Meet your content deadlines.", imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg" },
|
||||
]}
|
||||
title="Precision Editing Standards"
|
||||
description="We don't just cut; we craft cinematic masterpieces."
|
||||
@@ -216,27 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Combined Followers",
|
||||
description: "Across all client channels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/followers-notification-icon-with-number-320_314999-3870.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Trusted globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-word-success_1156-188.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2000+",
|
||||
title: "Projects Completed",
|
||||
description: "Countless hours of editing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-clips-keyboard-laptop-labels-wooden-desk_23-2148042069.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", title: "Combined Followers", description: "Across all client channels.", imageSrc: "http://img.b2bpic.net/free-psd/followers-notification-icon-with-number-320_314999-3870.jpg" },
|
||||
{ id: "m2", value: "500+", title: "Satisfied Clients", description: "Trusted globally.", imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-word-success_1156-188.jpg" },
|
||||
{ id: "m3", value: "2000+", title: "Projects Completed", description: "Countless hours of editing.", imageSrc: "http://img.b2bpic.net/free-photo/paper-clips-keyboard-laptop-labels-wooden-desk_23-2148042069.jpg" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven results for growing car channels."
|
||||
@@ -250,46 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Tuner",
|
||||
company: "StanceLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-thoughtful-man-white-sweater-looking-left-standing-against-red-background_1258-83771.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
role: "Blogger",
|
||||
company: "CarPulse",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150794037.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John K.",
|
||||
role: "Pro Photographer",
|
||||
company: "LensLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mia S.",
|
||||
role: "Influencer",
|
||||
company: "DriftSquad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-joyful-young-sporty-man-with-wrist-bandage-wearing-headphones-with-phone-arm-band-listen-music-isolated-pink-wall_141793-78503.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
role: "Collector",
|
||||
company: "RareMotors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", role: "Tuner", company: "StanceLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-thoughtful-man-white-sweater-looking-left-standing-against-red-background_1258-83771.jpg" },
|
||||
{ id: "2", name: "Sarah M.", role: "Blogger", company: "CarPulse", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150794037.jpg" },
|
||||
{ id: "3", name: "John K.", role: "Pro Photographer", company: "LensLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg" }
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what the community has to say."
|
||||
@@ -299,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's talk"
|
||||
title="Start Your Project"
|
||||
description="Ready to get edited? Send us your footage and let's make magic."
|
||||
@@ -316,37 +149,17 @@ export default function LandingPage() {
|
||||
logoText="VelocityEdits"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Socials", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "TikTok", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user