|
|
|
|
@@ -12,6 +12,15 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
|
import { BarChart3, Palette, Smartphone, Zap } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const handleContactSubmit = (email: string) => {
|
|
|
|
|
console.log("Contact form submitted with email:", email);
|
|
|
|
|
// Handle form submission - could send to API, email service, etc.
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleFooterClick = (label: string) => {
|
|
|
|
|
console.log("Footer link clicked:", label);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="icon-arrow"
|
|
|
|
|
@@ -46,11 +55,14 @@ export default function LandingPage() {
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", alt: "Team member 1"},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", alt: "Team member 1"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Team member 2"},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Team member 2"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg", alt: "Team member 3"},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg", alt: "Team member 3"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Trusted by 50+ brands worldwide"
|
|
|
|
|
buttons={[
|
|
|
|
|
@@ -81,16 +93,20 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
icon: Zap,
|
|
|
|
|
title: "Lightning Fast", description: "Optimized performance that loads in milliseconds. Every second counts in user experience."},
|
|
|
|
|
title: "Lightning Fast", description: "Optimized performance that loads in milliseconds. Every second counts in user experience."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Palette,
|
|
|
|
|
title: "Pixel Perfect", description: "Meticulous attention to detail in every element. Design that resonates with your audience."},
|
|
|
|
|
title: "Pixel Perfect", description: "Meticulous attention to detail in every element. Design that resonates with your audience."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Smartphone,
|
|
|
|
|
title: "Fully Responsive", description: "Beautiful on every device. Mobile-first approach ensures perfect experiences everywhere."},
|
|
|
|
|
title: "Fully Responsive", description: "Beautiful on every device. Mobile-first approach ensures perfect experiences everywhere."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: BarChart3,
|
|
|
|
|
title: "Data Driven", description: "Strategic design backed by analytics. Every decision supports your business goals."},
|
|
|
|
|
title: "Data Driven", description: "Strategic design backed by analytics. Every decision supports your business goals."
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -105,13 +121,16 @@ export default function LandingPage() {
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", brand: "Break Point", name: "SaaS Platform Redesign", price: "Enterprise", rating: 5,
|
|
|
|
|
reviewCount: "12.4k views", imageSrc: "http://img.b2bpic.net/free-psd/dark-new-year-resolutions-landing-page-template_23-2149128905.jpg", imageAlt: "SaaS platform design"},
|
|
|
|
|
reviewCount: "12.4k views", imageSrc: "http://img.b2bpic.net/free-psd/dark-new-year-resolutions-landing-page-template_23-2149128905.jpg", imageAlt: "SaaS platform design", onProductClick: () => console.log("Product 1 clicked")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", brand: "Break Point", name: "E-Commerce Experience", price: "Premium", rating: 5,
|
|
|
|
|
reviewCount: "8.9k views", imageSrc: "http://img.b2bpic.net/free-psd/home-design-landing-page_23-2150443560.jpg", imageAlt: "E-commerce website design"},
|
|
|
|
|
reviewCount: "8.9k views", imageSrc: "http://img.b2bpic.net/free-psd/home-design-landing-page_23-2150443560.jpg", imageAlt: "E-commerce website design", onProductClick: () => console.log("Product 2 clicked")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", brand: "Break Point", name: "Digital Agency Site", price: "Featured", rating: 5,
|
|
|
|
|
reviewCount: "15.2k views", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-fashion-design-landing-page_23-2149909571.jpg", imageAlt: "Agency website design"},
|
|
|
|
|
reviewCount: "15.2k views", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-fashion-design-landing-page_23-2149909571.jpg", imageAlt: "Agency website design", onProductClick: () => console.log("Product 3 clicked")
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -126,13 +145,17 @@ export default function LandingPage() {
|
|
|
|
|
description="Real feedback from brands we've partnered with to create exceptional digital experiences."
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Chen", role: "CEO, TechFlow", testimonial: "Break Point transformed our digital presence. Their minimal design approach increased our conversion rate by 42% in just three months.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", imageAlt: "Sarah Chen"},
|
|
|
|
|
id: "1", name: "Sarah Chen", role: "CEO, TechFlow", testimonial: "Break Point transformed our digital presence. Their minimal design approach increased our conversion rate by 42% in just three months.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", imageAlt: "Sarah Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Michael Rodriguez", role: "Founder, CreativeHub", testimonial: "Working with Break Point was seamless. They understood our vision instantly and delivered a website that truly represents our brand.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg", imageAlt: "Michael Rodriguez"},
|
|
|
|
|
id: "2", name: "Michael Rodriguez", role: "Founder, CreativeHub", testimonial: "Working with Break Point was seamless. They understood our vision instantly and delivered a website that truly represents our brand.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg", imageAlt: "Michael Rodriguez"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Emma Watson", role: "Marketing Director, InnovateLab", testimonial: "The attention to detail and performance optimization was outstanding. Our site now loads 3x faster with a cleaner design.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-holding-bottle-beer-after-work-office-fun-activity-with-colleagues-cheerful-person-drinking-alcoholic-beverage-while-celebrating-with-friends-after-hours_482257-27455.jpg", imageAlt: "Emma Watson"},
|
|
|
|
|
id: "3", name: "Emma Watson", role: "Marketing Director, InnovateLab", testimonial: "The attention to detail and performance optimization was outstanding. Our site now loads 3x faster with a cleaner design.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-holding-bottle-beer-after-work-office-fun-activity-with-colleagues-cheerful-person-drinking-alcoholic-beverage-while-celebrating-with-friends-after-hours_482257-27455.jpg", imageAlt: "Emma Watson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "David Kim", role: "Product Manager, StartupXYZ", testimonial: "Break Point doesn't just build websites—they create strategic digital assets. Highly recommended for any brand serious about growth.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg", imageAlt: "David Kim"},
|
|
|
|
|
id: "4", name: "David Kim", role: "Product Manager, StartupXYZ", testimonial: "Break Point doesn't just build websites—they create strategic digital assets. Highly recommended for any brand serious about growth.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg", imageAlt: "David Kim"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -154,6 +177,7 @@ export default function LandingPage() {
|
|
|
|
|
inputPlaceholder="your@email.com"
|
|
|
|
|
buttonText="Start Conversation"
|
|
|
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
|
|
|
onSubmit={handleContactSubmit}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -162,23 +186,23 @@ export default function LandingPage() {
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Product", items: [
|
|
|
|
|
{ label: "Services", href: "#features" },
|
|
|
|
|
{ label: "Portfolio", href: "#portfolio" },
|
|
|
|
|
{ label: "Process", href: "#about" },
|
|
|
|
|
{ label: "Services", href: "#features", onClick: () => handleFooterClick("Services") },
|
|
|
|
|
{ label: "Portfolio", href: "#portfolio", onClick: () => handleFooterClick("Portfolio") },
|
|
|
|
|
{ label: "Process", href: "#about", onClick: () => handleFooterClick("Process") },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
{ label: "Contact", href: "#contact" },
|
|
|
|
|
{ label: "Blog", href: "#" },
|
|
|
|
|
{ label: "About Us", href: "#about", onClick: () => handleFooterClick("About Us") },
|
|
|
|
|
{ label: "Contact", href: "#contact", onClick: () => handleFooterClick("Contact") },
|
|
|
|
|
{ label: "Blog", href: "#", onClick: () => handleFooterClick("Blog") },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
{ label: "Terms of Service", href: "#" },
|
|
|
|
|
{ label: "Cookie Policy", href: "#" },
|
|
|
|
|
{ label: "Privacy Policy", href: "#", onClick: () => handleFooterClick("Privacy Policy") },
|
|
|
|
|
{ label: "Terms of Service", href: "#", onClick: () => handleFooterClick("Terms of Service") },
|
|
|
|
|
{ label: "Cookie Policy", href: "#", onClick: () => handleFooterClick("Cookie Policy") },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
@@ -188,4 +212,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
