bender/60b9736a-b533-4199-912a-b29074f16ca9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-12 06:56:09 +00:00
Conversation 0 Commits 3 Files Changed 3 +141 -371
3 changed files with 141 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/app/list-business/page.tsx
View File

@@ -21,7 +21,7 @@ export default function ListBusinessPage() {
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -37,9 +37,7 @@ export default function ListBusinessPage() {
{ name: "Contact", id: "/" },
]}
button={{
text: "List Your Business",
href: "/list-business",
}}
text: "List Your Business", href: "/list-business"}}
animateOnLoad={true}
/>
</div>
@@ -50,32 +48,21 @@ export default function ListBusinessPage() {
description="Join thousands of UK businesses already using our platform to increase visibility, attract new customers, and manage their online presence. List your business for free and start reaching customers searching for your services today."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Business Owner 1",
},
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Business Owner 1"},
{
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
alt: "Business Owner 2",
},
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Business Owner 2"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg",
alt: "Business Owner 3",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", alt: "Business Owner 3"},
]}
avatarText="Join 10,000+ successful businesses"
buttons={[
{
text: "Start Listing Now",
href: "/list-business",
},
text: "Start Listing Now", href: "/list-business"},
{
text: "See Examples",
href: "/",
},
text: "See Examples", href: "/"},
]}
background={{
variant: "grid",
}}
variant: "plain"}}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
@@ -89,22 +76,16 @@ export default function ListBusinessPage() {
features={[
{
icon: FileText,
title: "Complete Profile Management",
description:
"Add photos, descriptions, contact details, opening hours, and service areas. Keep your information fresh and up-to-date with ease.",
},
title: "Complete Profile Management", description:
"Add photos, descriptions, contact details, opening hours, and service areas. Keep your information fresh and up-to-date with ease."},
{
icon: CheckCircle,
title: "Verified Credibility",
description:
"Get verified status to build trust with customers. Display your certifications, awards, and customer reviews prominently.",
},
title: "Verified Credibility", description:
"Get verified status to build trust with customers. Display your certifications, awards, and customer reviews prominently."},
{
icon: Zap,
title: "Instant Online Presence",
description:
"Launch your business profile in minutes. No technical skills required. Start attracting customers immediately.",
},
title: "Instant Online Presence", description:
"Launch your business profile in minutes. No technical skills required. Start attracting customers immediately."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -118,17 +99,12 @@ export default function ListBusinessPage() {
animationType="entrance-slide"
buttons={[
{
text: "Create Your Listing",
href: "/list-business",
},
text: "Create Your Listing", href: "/list-business"},
{
text: "View Pricing Options",
href: "/",
},
text: "View Pricing Options", href: "/"},
]}
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
useInvertedBackground={false}
/>
</div>
@@ -137,108 +113,63 @@ export default function ListBusinessPage() {
<FooterSimple
columns={[
{
title: "Directory",
items: [
title: "Directory", items: [
{
label: "Browse Businesses",
href: "/",
},
label: "Browse Businesses", href: "/"},
{
label: "Search by Category",
href: "/",
},
label: "Search by Category", href: "/"},
{
label: "Popular Listings",
href: "/",
},
label: "Popular Listings", href: "/"},
{
label: "Featured Partners",
href: "/",
},
label: "Featured Partners", href: "/"},
],
},
{
title: "For Businesses",
items: [
title: "For Businesses", items: [
{
label: "List Your Business",
href: "/list-business",
},
label: "List Your Business", href: "/list-business"},
{
label: "Pricing Plans",
href: "/",
},
label: "Pricing Plans", href: "/"},
{
label: "Business Dashboard",
href: "/",
},
label: "Business Dashboard", href: "/"},
{
label: "Boost Your Visibility",
href: "/",
},
label: "Boost Your Visibility", href: "/"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Contact Us",
href: "/",
},
label: "Contact Us", href: "/"},
{
label: "Blog",
href: "/",
},
label: "Blog", href: "/"},
{
label: "Success Stories",
href: "/",
},
label: "Success Stories", href: "/"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "/",
},
label: "Privacy Policy", href: "/"},
{
label: "Terms of Service",
href: "/",
},
label: "Terms of Service", href: "/"},
{
label: "Cookie Policy",
href: "/",
},
label: "Cookie Policy", href: "/"},
{
label: "Disclaimer",
href: "/",
},
label: "Disclaimer", href: "/"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
{
label: "LinkedIn",
href: "https://linkedin.com",
},
label: "LinkedIn", href: "https://linkedin.com"},
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
],
},
]}

298
src/app/page.tsx
View File

@@ -32,7 +32,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -48,9 +48,7 @@ export default function HomePage() {
{ name: "Contact", id: "/contact" },
]}
button={{
text: "List Your Business",
href: "/list-business",
}}
text: "List Your Business", href: "/list-business"}}
animateOnLoad={true}
/>
</div>
@@ -61,32 +59,21 @@ export default function HomePage() {
description="The ultimate online directory helping customers find trusted companies and businesses increase their visibility. Browse thousands of verified listings or add your business to reach more customers today."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", alt: "Customer 3"},
]}
avatarText="Trusted by 10,000+ businesses"
buttons={[
{
text: "Browse Businesses",
href: "/",
},
text: "Browse Businesses", href: "/"},
{
text: "List Your Business",
href: "/list-business",
},
text: "List Your Business", href: "/list-business"},
]}
background={{
variant: "grid",
}}
variant: "plain"}}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
@@ -98,9 +85,7 @@ export default function HomePage() {
title="Empowering UK Businesses with Online Visibility and Connecting Customers with Quality Services"
buttons={[
{
text: "Get Started",
href: "/list-business",
},
text: "Get Started", href: "/list-business"},
]}
useInvertedBackground={true}
/>
@@ -114,40 +99,28 @@ export default function HomePage() {
features={[
{
icon: Search,
title: "Easy Search & Discovery",
description:
"Find businesses by category, location, or service type. Advanced filters help customers locate exactly what they need in seconds.",
},
title: "Easy Search & Discovery", description:
"Find businesses by category, location, or service type. Advanced filters help customers locate exactly what they need in seconds."},
{
icon: BarChart3,
title: "Boost Your Visibility",
description:
"Get discovered by thousands of potential customers. Listings appear in search results and are optimized for organic visibility.",
},
title: "Boost Your Visibility", description:
"Get discovered by thousands of potential customers. Listings appear in search results and are optimized for organic visibility."},
{
icon: MapPin,
title: "Location-Based Listings",
description:
"Help local customers find you. Display your address, directions, and service areas to attract nearby clients.",
},
title: "Location-Based Listings", description:
"Help local customers find you. Display your address, directions, and service areas to attract nearby clients."},
{
icon: Star,
title: "Ratings & Reviews",
description:
"Build trust through customer reviews and ratings. Verified feedback helps businesses stand out and improve their services.",
},
title: "Ratings & Reviews", description:
"Build trust through customer reviews and ratings. Verified feedback helps businesses stand out and improve their services."},
{
icon: Link2,
title: "Integrated Links",
description:
"Connect your website, social media, and contact information. Make it easy for customers to reach you across multiple channels.",
},
title: "Integrated Links", description:
"Connect your website, social media, and contact information. Make it easy for customers to reach you across multiple channels."},
{
icon: TrendingUp,
title: "Business Growth",
description:
"Track inquiries and grow your customer base. Our platform helps businesses convert visibility into real opportunities.",
},
title: "Business Growth", description:
"Track inquiries and grow your customer base. Our platform helps businesses convert visibility into real opportunities."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -162,29 +135,17 @@ export default function HomePage() {
tag="How It Works"
metrics={[
{
id: "1",
icon: UserPlus,
title: "Create Account",
value: "2 min",
},
id: "1", icon: UserPlus,
title: "Create Account", value: "2 min"},
{
id: "2",
icon: FileText,
title: "Add Details",
value: "5 min",
},
id: "2", icon: FileText,
title: "Add Details", value: "5 min"},
{
id: "3",
icon: CheckCircle,
title: "Get Verified",
value: "1 day",
},
id: "3", icon: CheckCircle,
title: "Get Verified", value: "1 day"},
{
id: "4",
icon: Zap,
title: "Go Live",
value: "Now",
},
id: "4", icon: Zap,
title: "Go Live", value: "Now"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -199,40 +160,15 @@ export default function HomePage() {
tag="Directory"
products={[
{
id: "1",
name: "TechFlow Solutions",
price: "Software Development",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-template-with-photo_23-2148353833.jpg?_wi=1",
imageAlt: "TechFlow Solutions office",
},
id: "1", name: "TechFlow Solutions", price: "Software Development", imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-template-with-photo_23-2148353833.jpg", imageAlt: "TechFlow Solutions office"},
{
id: "2",
name: "Urban Fitness Hub",
price: "Health & Fitness",
imageSrc: "http://img.b2bpic.net/free-photo/tired-man-working-late-office_23-2149006073.jpg?_wi=1",
imageAlt: "Urban Fitness Hub gym",
},
id: "2", name: "Urban Fitness Hub", price: "Health & Fitness", imageSrc: "http://img.b2bpic.net/free-photo/tired-man-working-late-office_23-2149006073.jpg", imageAlt: "Urban Fitness Hub gym"},
{
id: "3",
name: "Artisan Bakery Co",
price: "Food & Beverage",
imageSrc: "http://img.b2bpic.net/free-vector/group-people-starting-business-project_52683-57145.jpg?_wi=1",
imageAlt: "Artisan Bakery Co storefront",
},
id: "3", name: "Artisan Bakery Co", price: "Food & Beverage", imageSrc: "http://img.b2bpic.net/free-vector/group-people-starting-business-project_52683-57145.jpg", imageAlt: "Artisan Bakery Co storefront"},
{
id: "4",
name: "Green Landscaping",
price: "Landscaping Services",
imageSrc: "http://img.b2bpic.net/free-vector/search-concept-landing-page_52683-12761.jpg?_wi=1",
imageAlt: "Green Landscaping project",
},
id: "4", name: "Green Landscaping", price: "Landscaping Services", imageSrc: "http://img.b2bpic.net/free-vector/search-concept-landing-page_52683-12761.jpg", imageAlt: "Green Landscaping project"},
{
id: "5",
name: "Bright Photography",
price: "Photography Services",
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template-infographic_23-2148368929.jpg?_wi=1",
imageAlt: "Bright Photography portfolio",
},
id: "5", name: "Bright Photography", price: "Photography Services", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template-infographic_23-2148368929.jpg", imageAlt: "Bright Photography portfolio"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -248,59 +184,23 @@ export default function HomePage() {
tag="Testimonials"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Owner",
company: "TechFlow Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Owner", company: "TechFlow Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Manager",
company: "Urban Fitness Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg?_wi=1",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Manager", company: "Urban Fitness Hub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emma Williams",
role: "Founder",
company: "Artisan Bakery Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg?_wi=1",
imageAlt: "Emma Williams",
},
id: "3", name: "Emma Williams", role: "Founder", company: "Artisan Bakery Co", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", imageAlt: "Emma Williams"},
{
id: "4",
name: "David Brown",
role: "Director",
company: "Green Landscaping",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-angry-expression_1194-1680.jpg",
imageAlt: "David Brown",
},
id: "4", name: "David Brown", role: "Director", company: "Green Landscaping", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-angry-expression_1194-1680.jpg", imageAlt: "David Brown"},
{
id: "5",
name: "Lisa Anderson",
role: "Proprietor",
company: "Bright Photography",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg",
imageAlt: "Lisa Anderson",
},
id: "5", name: "Lisa Anderson", role: "Proprietor", company: "Bright Photography", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg", imageAlt: "Lisa Anderson"},
{
id: "6",
name: "James Martinez",
role: "Owner",
company: "Premium Consulting",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman_23-2147900059.jpg",
imageAlt: "James Martinez",
},
id: "6", name: "James Martinez", role: "Owner", company: "Premium Consulting", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman_23-2147900059.jpg", imageAlt: "James Martinez"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -315,17 +215,12 @@ export default function HomePage() {
animationType="entrance-slide"
buttons={[
{
text: "List Your Business Now",
href: "/list-business",
},
text: "List Your Business Now", href: "/list-business"},
{
text: "Learn More",
href: "/about",
},
text: "Learn More", href: "/about"},
]}
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
useInvertedBackground={false}
/>
</div>
@@ -334,108 +229,63 @@ export default function HomePage() {
<FooterSimple
columns={[
{
title: "Directory",
items: [
title: "Directory", items: [
{
label: "Browse Businesses",
href: "/",
},
label: "Browse Businesses", href: "/"},
{
label: "Search by Category",
href: "/",
},
label: "Search by Category", href: "/"},
{
label: "Popular Listings",
href: "/",
},
label: "Popular Listings", href: "/"},
{
label: "Featured Partners",
href: "/",
},
label: "Featured Partners", href: "/"},
],
},
{
title: "For Businesses",
items: [
title: "For Businesses", items: [
{
label: "List Your Business",
href: "/list-business",
},
label: "List Your Business", href: "/list-business"},
{
label: "Pricing Plans",
href: "/",
},
label: "Pricing Plans", href: "/"},
{
label: "Business Dashboard",
href: "/",
},
label: "Business Dashboard", href: "/"},
{
label: "Boost Your Visibility",
href: "/",
},
label: "Boost Your Visibility", href: "/"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Contact Us",
href: "/",
},
label: "Contact Us", href: "/"},
{
label: "Blog",
href: "/",
},
label: "Blog", href: "/"},
{
label: "Success Stories",
href: "/",
},
label: "Success Stories", href: "/"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "/",
},
label: "Privacy Policy", href: "/"},
{
label: "Terms of Service",
href: "/",
},
label: "Terms of Service", href: "/"},
{
label: "Cookie Policy",
href: "/",
},
label: "Cookie Policy", href: "/"},
{
label: "Disclaimer",
href: "/",
},
label: "Disclaimer", href: "/"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
{
label: "LinkedIn",
href: "https://linkedin.com",
},
label: "LinkedIn", href: "https://linkedin.com"},
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
],
},
]}

61
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,40 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontFamily?: string;
fill?: string;
dominantBaseline?: 'auto' | 'text-top' | 'text-bottom' | 'middle' | 'central' | 'hanging' | 'mathematical' | 'ideographic';
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 24,
fontFamily = 'Arial, sans-serif',
fill = '#000000',
dominantBaseline = 'central',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
y={fontSize * 0.75}
fontSize={fontSize}
fontFamily={fontFamily}
fill={fill}
dominantBaseline={dominantBaseline}
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;