|
|
|
|
@@ -21,45 +21,58 @@ export default function LandingPage() {
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const navButton = {
|
|
|
|
|
text: "Get a Free Quote", href: "contact"};
|
|
|
|
|
text: "Get a Free Quote", href: "contact"
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const heroSlides = [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=1", imageAlt: "Animated gradient glow background"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=1", imageAlt: "Animated gradient glow background"
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const metrics = [
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "4+", title: "Projects Completed", description: "Delivered results for local businesses", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=2", imageAlt: "Projects completed metric"},
|
|
|
|
|
id: "1", value: "4+", title: "Projects Completed", description: "Delivered results for local businesses", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=2", imageAlt: "Projects completed metric"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "48hr", title: "Average Turnaround", description: "Fast delivery without compromising quality", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=3", imageAlt: "Turnaround time metric"},
|
|
|
|
|
id: "2", value: "48hr", title: "Average Turnaround", description: "Fast delivery without compromising quality", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=3", imageAlt: "Turnaround time metric"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "100%", title: "Client Satisfaction", description: "Every client leaves happy and impressed", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=4", imageAlt: "Client satisfaction metric"},
|
|
|
|
|
id: "3", value: "100%", title: "Client Satisfaction", description: "Every client leaves happy and impressed", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=4", imageAlt: "Client satisfaction metric"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", value: "LA", title: "Based in Los Angeles", description: "Serving Southern California businesses", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=5", imageAlt: "Location metric"},
|
|
|
|
|
id: "4", value: "LA", title: "Based in Los Angeles", description: "Serving Southern California businesses", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=5", imageAlt: "Location metric"
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const services = [
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Business Websites", author: "Starting at $500", description: "Custom-designed, mobile-responsive websites that look premium and load fast. Built to convert visitors into customers.", tags: ["Web Design", "Responsive", "Fast Loading"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=6", imageAlt: "Business website service"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=6", imageAlt: "Business website service"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Web Applications", author: "Starting at $1,000", description: "Booking systems, customer portals, dashboards, and custom tools. If you can describe it, we can build it.", tags: ["Development", "Custom", "Scalable"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=7", imageAlt: "Web application service"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=7", imageAlt: "Web application service"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Brand & Launch Package", author: "Starting at $1,500", description: "Logo design, website, social media setup, and Google Business Profile — everything you need to launch your online presence.", tags: ["Branding", "Design", "Setup"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=8", imageAlt: "Brand launch package service"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103793.jpg?_wi=8", imageAlt: "Brand launch package service"
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const products = [
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Fuego Modern Mexican", price: "Restaurant", variant: "Web Design, Reservations, Menu", imageSrc: "http://img.b2bpic.net/free-psd/delicious-food-restaurant-landing-page-template_23-2150046355.jpg", imageAlt: "Fuego Modern Mexican restaurant website"},
|
|
|
|
|
id: "1", name: "Fuego Modern Mexican", price: "Restaurant", variant: "Web Design, Reservations, Menu", imageSrc: "http://img.b2bpic.net/free-psd/delicious-food-restaurant-landing-page-template_23-2150046355.jpg", imageAlt: "Fuego Modern Mexican restaurant website"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Blade & Co. Barbershop", price: "Barbershop", variant: "Web Design, Booking, Profiles", imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487550.jpg", imageAlt: "Blade & Co. Barbershop website"},
|
|
|
|
|
id: "2", name: "Blade & Co. Barbershop", price: "Barbershop", variant: "Web Design, Booking, Profiles", imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487550.jpg", imageAlt: "Blade & Co. Barbershop website"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Bright Smile Dental", price: "Dental", variant: "Web Design, Scheduling, Forms", imageSrc: "http://img.b2bpic.net/free-psd/geometric-medical-care-banner-template_23-2149761676.jpg", imageAlt: "Bright Smile Dental practice website"},
|
|
|
|
|
id: "3", name: "Bright Smile Dental", price: "Dental", variant: "Web Design, Scheduling, Forms", imageSrc: "http://img.b2bpic.net/free-psd/geometric-medical-care-banner-template_23-2149761676.jpg", imageAlt: "Bright Smile Dental practice website"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Apex Auto Repair", price: "Auto Shop", variant: "Web Design, Quotes, Reviews", imageSrc: "http://img.b2bpic.net/free-vector/gradient-car-rental-design-template_23-2149264698.jpg", imageAlt: "Apex Auto Repair website"},
|
|
|
|
|
id: "4", name: "Apex Auto Repair", price: "Auto Shop", variant: "Web Design, Quotes, Reviews", imageSrc: "http://img.b2bpic.net/free-vector/gradient-car-rental-design-template_23-2149264698.jpg", imageAlt: "Apex Auto Repair website"
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const processPlan = [
|
|
|
|
|
@@ -83,9 +96,11 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
const team = [
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Eli Feiner", role: "Co-Founder & Marketing", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg", imageAlt: "Eli Feiner portrait"},
|
|
|
|
|
id: "1", name: "Eli Feiner", role: "Co-Founder & Marketing", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=1'http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3ClinearGradient id='eliGradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%2300d084;stop-opacity:1'/%3E%3Cstop offset='100%25' style='stop-color:%233b82f6;stop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='400' fill='url(%23eliGradient)'/%3E%3C/svg%3E", imageAlt: "Eli Feiner portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Nathan Safransky", role: "Co-Founder & Development", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg", imageAlt: "Nathan Safransky portrait"},
|
|
|
|
|
id: "2", name: "Nathan Safransky", role: "Co-Founder & Development", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=2'http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3ClinearGradient id='nathanGradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%233b82f6;stop-opacity:1'/%3E%3Cstop offset='100%25' style='stop-color:%239ca3af;stop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='400' fill='url(%23nathanGradient)'/%3E%3C/svg%3E", imageAlt: "Nathan Safransky portrait"
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
@@ -199,11 +214,12 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="S|F"
|
|
|
|
|
logoText="
|
|
|
|
|
S|F"
|
|
|
|
|
leftLink={{ text: "© 2025 Safransky-Feiner Creative. Los Angeles, CA.", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Follow us", href: "#" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
