Merge version_2 into main #5
@@ -1,51 +1,35 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { ServiceWrapper } from "@/providers/serviceWrapper/ServiceWrapper";
|
||||
import { Tag } from "@/components/tag/Tag";
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Break Point Web Studio | Minimal Modern Web Design", description: "Award-winning web design studio specializing in minimal, modern websites that convert. Strategic design for SaaS, e-commerce, and digital agencies.", keywords: "web design, minimal design, modern websites, web studio, digital design, responsive design, UX/UI", metadataBase: new URL("https://breakpointwebstudio.com"),
|
||||
alternates: {
|
||||
canonical: "https://breakpointwebstudio.com"},
|
||||
openGraph: {
|
||||
title: "Break Point Web Studio | Exceptional Web Design", description: "We craft minimal, modern websites that drive results and stand out.", url: "https://breakpointwebstudio.com", siteName: "Break Point Web Studio", type: "website", images: [
|
||||
{
|
||||
url: "https://breakpointwebstudio.com/og-image.jpg", alt: "Break Point Web Studio - Modern Web Design"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Break Point Web Studio", description: "Minimal, modern web design that converts.", images: ["https://breakpointwebstudio.com/twitter-image.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Break Point - Web Design Studio", description: "Minimal, modern websites that drive results. Break Point Web Studio specializes in creating beautiful, conversion-focused digital experiences."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${publicSans.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<body className={`${inter.variable}`}>
|
||||
<ServiceWrapper>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
</ServiceWrapper>
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"
|
||||
></script>
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"
|
||||
></script>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1413,7 +1397,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user