diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1c61138..05e1f0a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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 (
-
-
+
+
{children}
-
+
+
+
+
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 872d684..f6c1735 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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 (
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}
/>
@@ -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() {
);
-}
\ No newline at end of file
+}