Merge version_1 into main #2
@@ -21,29 +21,29 @@ export default function LandingPage() {
|
||||
];
|
||||
|
||||
const heroMediaItems = [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-stunning-modern-tech-news-banner-featu-1773347074097-a040222e.png?_wi=1", imageAlt: "Windows Daily breaking news banner" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-compelling-tech-news-article-thumbnail-1773347073773-1f2987b9.png?_wi=1", imageAlt: "Windows 11 latest update" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-dynamic-tech-industry-article-image-fe-1773347074562-a00ecf85.png?_wi=1", imageAlt: "Microsoft Azure cloud services" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-striking-tech-news-image-showcasing-cy-1773347074124-d5047028.png?_wi=1", imageAlt: "Windows security updates" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/an-engaging-tech-innovation-article-imag-1773347074548-79a17bee.png?_wi=1", imageAlt: "Microsoft hardware innovations" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-professional-tech-industry-article-thu-1773347074531-33b536d6.png?_wi=1", imageAlt: "Developer tools and APIs" }
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-stunning-modern-tech-news-banner-featu-1773347074097-a040222e.png", imageAlt: "Windows Daily breaking news banner" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-compelling-tech-news-article-thumbnail-1773347073773-1f2987b9.png", imageAlt: "Windows 11 latest update" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-dynamic-tech-industry-article-image-fe-1773347074562-a00ecf85.png", imageAlt: "Microsoft Azure cloud services" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-striking-tech-news-image-showcasing-cy-1773347074124-d5047028.png", imageAlt: "Windows security updates" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/an-engaging-tech-innovation-article-imag-1773347074548-79a17bee.png", imageAlt: "Microsoft hardware innovations" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-professional-tech-industry-article-thu-1773347074531-33b536d6.png", imageAlt: "Developer tools and APIs" }
|
||||
];
|
||||
|
||||
const blogPosts = [
|
||||
{
|
||||
id: "1", category: "Windows Update", title: "Windows 11 23H2 Performance Improvements Analyzed", excerpt: "Comprehensive breakdown of the latest Windows performance enhancements and user experience refinements in the newest build.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-compelling-tech-news-article-thumbnail-1773347073773-1f2987b9.png?_wi=2", imageAlt: "Windows 11 performance updates", authorName: "Alex Thompson", authorAvatar: "/placeholders/placeholder1.webp", date: "24 Jan 2025"
|
||||
id: "1", category: "Windows Update", title: "Windows 11 23H2 Performance Improvements Analyzed", excerpt: "Comprehensive breakdown of the latest Windows performance enhancements and user experience refinements in the newest build.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-compelling-tech-news-article-thumbnail-1773347073773-1f2987b9.png", imageAlt: "Windows 11 performance updates", authorName: "Alex Thompson", authorAvatar: "/placeholders/placeholder1.webp", date: "24 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "2", category: "Enterprise", title: "Microsoft Azure Reaches New Scale Milestone", excerpt: "Azure continues to dominate cloud services market with record adoption among enterprise clients worldwide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-dynamic-tech-industry-article-image-fe-1773347074562-a00ecf85.png?_wi=2", imageAlt: "Microsoft Azure cloud services", authorName: "Sarah Chen", authorAvatar: "/placeholders/placeholder1.webp", date: "23 Jan 2025"
|
||||
id: "2", category: "Enterprise", title: "Microsoft Azure Reaches New Scale Milestone", excerpt: "Azure continues to dominate cloud services market with record adoption among enterprise clients worldwide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-dynamic-tech-industry-article-image-fe-1773347074562-a00ecf85.png", imageAlt: "Microsoft Azure cloud services", authorName: "Sarah Chen", authorAvatar: "/placeholders/placeholder1.webp", date: "23 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "3", category: "Security", title: "Windows Defender Blocks New Ransomware Variant", excerpt: "Microsoft's security team provides detailed analysis of emerging threats and protective measures for Windows users.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-striking-tech-news-image-showcasing-cy-1773347074124-d5047028.png?_wi=2", imageAlt: "Windows Defender security updates", authorName: "Michael Rodriguez", authorAvatar: "/placeholders/placeholder1.webp", date: "22 Jan 2025"
|
||||
id: "3", category: "Security", title: "Windows Defender Blocks New Ransomware Variant", excerpt: "Microsoft's security team provides detailed analysis of emerging threats and protective measures for Windows users.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-striking-tech-news-image-showcasing-cy-1773347074124-d5047028.png", imageAlt: "Windows Defender security updates", authorName: "Michael Rodriguez", authorAvatar: "/placeholders/placeholder1.webp", date: "22 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "4", category: "Hardware", title: "Surface Pro 10 Announced: Revolutionary Design", excerpt: "Microsoft unveils its latest Surface device with cutting-edge processor technology and innovative features.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/an-engaging-tech-innovation-article-imag-1773347074548-79a17bee.png?_wi=2", imageAlt: "Microsoft Surface Pro 10", authorName: "Jessica Williams", authorAvatar: "/placeholders/placeholder1.webp", date: "21 Jan 2025"
|
||||
id: "4", category: "Hardware", title: "Surface Pro 10 Announced: Revolutionary Design", excerpt: "Microsoft unveils its latest Surface device with cutting-edge processor technology and innovative features.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/an-engaging-tech-innovation-article-imag-1773347074548-79a17bee.png", imageAlt: "Microsoft Surface Pro 10", authorName: "Jessica Williams", authorAvatar: "/placeholders/placeholder1.webp", date: "21 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "5", category: "Development", title: "Windows Dev Kit 2024: Developer Tools Update", excerpt: "Exciting new features and improvements for Windows developers, including enhanced debugging and deployment tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-professional-tech-industry-article-thu-1773347074531-33b536d6.png?_wi=2", imageAlt: "Windows developer tools", authorName: "David Kumar", authorAvatar: "/placeholders/placeholder1.webp", date: "20 Jan 2025"
|
||||
id: "5", category: "Development", title: "Windows Dev Kit 2024: Developer Tools Update", excerpt: "Exciting new features and improvements for Windows developers, including enhanced debugging and deployment tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-professional-tech-industry-article-thu-1773347074531-33b536d6.png", imageAlt: "Windows developer tools", authorName: "David Kumar", authorAvatar: "/placeholders/placeholder1.webp", date: "20 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "6", category: "Industry", title: "Microsoft Teams Integration Expands Across Microsoft 365", excerpt: "New collaboration features streamline workflows and enhance productivity for remote teams globally.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-striking-featured-article-image-about--1773347074665-e292b7d0.png", imageAlt: "Microsoft Teams collaboration", authorName: "Emma Watson", authorAvatar: "/placeholders/placeholder1.webp", date: "19 Jan 2025"
|
||||
@@ -52,16 +52,13 @@ export default function LandingPage() {
|
||||
|
||||
const featureItems = [
|
||||
{
|
||||
id: "1", title: "Real-Time Updates", description: "Breaking news about Windows releases, Microsoft announcements, and critical security patches delivered instantly to your feed.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-compelling-tech-news-article-thumbnail-1773347073773-1f2987b9.png?_wi=3", imageAlt: "Real-time news updates phone" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-dynamic-tech-industry-article-image-fe-1773347074562-a00ecf85.png?_wi=3", imageAlt: "Breaking news notification phone" }
|
||||
id: 1, title: "Real-Time Updates", description: "Breaking news about Windows releases, Microsoft announcements, and critical security patches delivered instantly to your feed.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-compelling-tech-news-article-thumbnail-1773347073773-1f2987b9.png", imageAlt: "Real-time news updates phone" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-dynamic-tech-industry-article-image-fe-1773347074562-a00ecf85.png", imageAlt: "Breaking news notification phone" }
|
||||
},
|
||||
{
|
||||
id: "2", title: "Expert Analysis", description: "In-depth technical analysis and commentary from industry experts on Windows features, enterprise solutions, and market trends.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-striking-tech-news-image-showcasing-cy-1773347074124-d5047028.png?_wi=3", imageAlt: "Expert analysis content phone" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/an-engaging-tech-innovation-article-imag-1773347074548-79a17bee.png?_wi=3", imageAlt: "Technical insights phone" }
|
||||
id: 2, title: "Expert Analysis", description: "In-depth technical analysis and commentary from industry experts on Windows features, enterprise solutions, and market trends.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-striking-tech-news-image-showcasing-cy-1773347074124-d5047028.png", imageAlt: "Expert analysis content phone" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/an-engaging-tech-innovation-article-imag-1773347074548-79a17bee.png", imageAlt: "Technical insights phone" }
|
||||
},
|
||||
{
|
||||
id: "3", title: "Developer Resources", description: "Comprehensive guides on Windows APIs, Microsoft development tools, and best practices for software engineers.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-professional-tech-industry-article-thu-1773347074531-33b536d6.png?_wi=3", imageAlt: "Developer tools phone" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-stunning-modern-tech-news-banner-featu-1773347074097-a040222e.png?_wi=2", imageAlt: "API documentation phone" }
|
||||
id: 3, title: "Developer Resources", description: "Comprehensive guides on Windows APIs, Microsoft development tools, and best practices for software engineers.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-professional-tech-industry-article-thu-1773347074531-33b536d6.png", imageAlt: "Developer tools phone" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArNlUFAGD0E026euL9kYquh44v/a-stunning-modern-tech-news-banner-featu-1773347074097-a040222e.png", imageAlt: "API documentation phone" }
|
||||
}
|
||||
];
|
||||
|
||||
@@ -106,7 +103,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -123,7 +120,7 @@ export default function LandingPage() {
|
||||
tag="Breaking News"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Read Latest News", href: "#blog" },
|
||||
{ text: "Subscribe", href: "#contact" }
|
||||
|
||||
@@ -1,51 +1,29 @@
|
||||
"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;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
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 200 50"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<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"
|
||||
}}
|
||||
x="10"
|
||||
y="35"
|
||||
fontSize="24"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user