bender/810b3068-2acb-40f2-b0ea-48777c2ad82c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-26 04:21:55 +00:00
parent 46f7bbbb5c f9311b0003
commit 6e3b673b15
4 changed files with 87 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Mulish } from "next/font/google";
import { DM_Sans } from "next/font/google";
@@ -41,13 +42,12 @@ export const metadata: Metadata = {
},
};
const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export default function RootLayout({
@@ -58,7 +58,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${mulish.variable} ${inter.variable} antialiased`}>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

303
src/app/page.tsx
View File

@@ -16,56 +16,36 @@ import { HelpCircle, Sparkles, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="normal"
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
href: "/",
id: "1",
},
name: "Home", href: "/", id: "1"},
{
name: "About",
href: "/about",
id: "2",
},
name: "About", href: "/#about", id: "2"},
{
name: "Features",
href: "/features",
id: "3",
},
name: "Features", href: "/#features", id: "3"},
{
name: "Testimonials",
href: "/#testimonials",
id: "4",
},
name: "Testimonials", href: "/#testimonials", id: "4"},
{
name: "FAQ",
href: "/faq",
id: "5",
},
name: "FAQ", href: "/#faq", id: "5"},
{
name: "Contact",
href: "/contact",
id: "6",
},
name: "Contact", href: "/#contact", id: "6"},
]}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/#contact"}}
brandName="Webild Premium"
/>
</div>
@@ -74,65 +54,34 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Crafting Exceptional Digital Experiences"
description="We specialize in developing high-performance, visually stunning websites that elevate your brand and engage your audience, transforming your digital presence."
testimonials={[
{
name: "Sarah Johnson",
handle: "@sarah_j",
testimonial: "Webild Premium delivered a stunning website that exceeded our expectations. The design is modern, and the performance is flawless. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-team-smiling-camera_1262-2018.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
name: "Sarah Johnson", handle: "@sarah_j", testimonial: "Webild Premium delivered a stunning website that exceeded our expectations. The design is modern, and the performance is flawless. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-team-smiling-camera_1262-2018.jpg?_wi=1", imageAlt: "Sarah Johnson"},
{
name: "Michael Chen",
handle: "@mike_c",
testimonial: "Their team understood our vision perfectly. Our new site has significantly boosted our online engagement and conversions. A true partner!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg?_wi=1",
imageAlt: "Michael Chen",
},
name: "Michael Chen", handle: "@mike_c", testimonial: "Their team understood our vision perfectly. Our new site has significantly boosted our online engagement and conversions. A true partner!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg?_wi=1", imageAlt: "Michael Chen"},
{
name: "Emily Rodriguez",
handle: "@emily_r",
testimonial: "The attention to detail and commitment to quality from Webild Premium is unparalleled. Our website now truly reflects our premium brand.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-holding-coffee-cup_53876-128821.jpg?_wi=1",
imageAlt: "Emily Rodriguez",
},
name: "Emily Rodriguez", handle: "@emily_r", testimonial: "The attention to detail and commitment to quality from Webild Premium is unparalleled. Our website now truly reflects our premium brand.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-holding-coffee-cup_53876-128821.jpg?_wi=1", imageAlt: "Emily Rodriguez"},
{
name: "David Kim",
handle: "@david_k",
testimonial: "From initial concept to launch, the process was smooth and professional. The results speak for themselves – a truly premium website experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167359.jpg?_wi=1",
imageAlt: "David Kim",
},
name: "David Kim", handle: "@david_k", testimonial: "From initial concept to launch, the process was smooth and professional. The results speak for themselves – a truly premium website experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167359.jpg?_wi=1", imageAlt: "David Kim"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/waist-up-portrait-satisfied-beautiful-young-female-with-stylish-hairdo-smiles-broadly-joyfully-camera-being-high-spirit-as-has-weekend_273609-3494.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/waist-up-portrait-satisfied-beautiful-young-female-with-stylish-hairdo-smiles-broadly-joyfully-camera-being-high-spirit-as-has-weekend_273609-3494.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/waist-up-portrait-casually-dressed-young-mixed-race-female-with-curly-hair-smiling-cheerfully-audition-role-tv-series-feeling-excited-big-nervous-trying-impress-director_273609-1249.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/waist-up-portrait-casually-dressed-young-mixed-race-female-with-curly-hair-smiling-cheerfully-audition-role-tv-series-feeling-excited-big-nervous-trying-impress-director_273609-1249.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-vector/flat-avatar-collection-with-modern-style_23-2147672521.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-vector/flat-avatar-collection-with-modern-style_23-2147672521.jpg", alt: "Customer 5"},
]}
avatarText="Trusted by over 100+ businesses"
imageSrc="http://img.b2bpic.net/free-vector/task-manager-kit_1284-44716.jpg"
@@ -140,13 +89,9 @@ export default function LandingPage() {
mediaAnimation="slide-up"
buttons={[
{
text: "Get Started Now",
href: "/contact",
},
text: "Get Started Now", href: "/#contact"},
{
text: "Learn More",
href: "/about",
},
text: "Learn More", href: "/#about"},
]}
/>
</div>
@@ -156,14 +101,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Our Commitment to Digital Excellence"
description={[
"At Webild Premium, we believe in the power of a meticulously crafted online presence. We combine innovative design with robust technology to deliver websites that don't just look premium, but perform exceptionally.",
"From sleek user interfaces to seamless backend integrations, our solutions are tailored to your unique vision, ensuring your digital footprint is as impactful as your brand. We're dedicated to bringing your online vision to life.",
]}
"At Webild Premium, we believe in the power of a meticulously crafted online presence. We combine innovative design with robust technology to deliver websites that don't just look premium, but perform exceptionally.", "From sleek user interfaces to seamless backend integrations, our solutions are tailored to your unique vision, ensuring your digital footprint is as impactful as your brand. We're dedicated to bringing your online vision to life."]}
buttons={[
{
text: "Explore Services",
href: "/features",
},
text: "Explore Services", href: "/#features"},
]}
/>
</div>
@@ -175,32 +116,16 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Responsive Design",
description: "Your website will look flawless and perform perfectly on any device, from desktops to smartphones, ensuring a consistent user experience.",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-yellow-gray-landing-page_23-2148821693.jpg",
imageAlt: "Responsive web design across devices",
},
title: "Responsive Design", description: "Your website will look flawless and perform perfectly on any device, from desktops to smartphones, ensuring a consistent user experience.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-yellow-gray-landing-page_23-2148821693.jpg", imageAlt: "Responsive web design across devices"},
{
id: 2,
title: "SEO Optimized",
description: "Built with search engine best practices in mind, our websites help you rank higher, attract more organic traffic, and reach a wider audience.",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",
imageAlt: "SEO optimization graphic",
},
title: "SEO Optimized", description: "Built with search engine best practices in mind, our websites help you rank higher, attract more organic traffic, and reach a wider audience.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg", imageAlt: "SEO optimization graphic"},
{
id: 3,
title: "Robust Security",
description: "We implement industry-leading security measures to protect your data and your users, giving you peace of mind and building trust.",
imageSrc: "http://img.b2bpic.net/free-vector/bank-security-background-design_1223-133.jpg",
imageAlt: "Website security illustration",
},
title: "Robust Security", description: "We implement industry-leading security measures to protect your data and your users, giving you peace of mind and building trust.", imageSrc: "http://img.b2bpic.net/free-vector/bank-security-background-design_1223-133.jpg", imageAlt: "Website security illustration"},
{
id: 4,
title: "Custom Solutions",
description: "Every project is unique. We provide bespoke development, tailoring functionalities and integrations to precisely meet your business needs.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-with-ruler_23-2148966940.jpg",
imageAlt: "Custom software development illustration",
},
title: "Custom Solutions", description: "Every project is unique. We provide bespoke development, tailoring functionalities and integrations to precisely meet your business needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-with-ruler_23-2148966940.jpg", imageAlt: "Custom software development illustration"},
]}
title="Unlock Your Digital Potential"
description="Discover the core features that make our premium websites stand out, driving engagement and achieving your business objectives."
@@ -219,59 +144,23 @@ export default function LandingPage() {
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
testimonials={[
{
id: "1",
name: "Olivia Wilson",
role: "Founder",
company: "InnovateHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-team-smiling-camera_1262-2018.jpg?_wi=2",
imageAlt: "Olivia Wilson",
},
id: "1", name: "Olivia Wilson", role: "Founder", company: "InnovateHub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-team-smiling-camera_1262-2018.jpg?_wi=2", imageAlt: "Olivia Wilson"},
{
id: "2",
name: "Daniel Lee",
role: "CTO",
company: "Quantix Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg?_wi=2",
imageAlt: "Daniel Lee",
},
id: "2", name: "Daniel Lee", role: "CTO", company: "Quantix Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg?_wi=2", imageAlt: "Daniel Lee"},
{
id: "3",
name: "Sophia Martinez",
role: "Marketing Lead",
company: "GrowthForge",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-holding-coffee-cup_53876-128821.jpg?_wi=2",
imageAlt: "Sophia Martinez",
},
id: "3", name: "Sophia Martinez", role: "Marketing Lead", company: "GrowthForge", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-holding-coffee-cup_53876-128821.jpg?_wi=2", imageAlt: "Sophia Martinez"},
{
id: "4",
name: "James Taylor",
role: "CEO",
company: "Nexus Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167359.jpg?_wi=2",
imageAlt: "James Taylor",
},
id: "4", name: "James Taylor", role: "CEO", company: "Nexus Corp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167359.jpg?_wi=2", imageAlt: "James Taylor"},
{
id: "5",
name: "Isabella Garcia",
role: "Product Manager",
company: "Velocity Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-team-smiling-camera_1262-2018.jpg?_wi=3",
imageAlt: "Isabella Garcia",
},
id: "5", name: "Isabella Garcia", role: "Product Manager", company: "Velocity Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-team-smiling-camera_1262-2018.jpg?_wi=3", imageAlt: "Isabella Garcia"},
{
id: "6",
name: "William Brown",
role: "Operations Director",
company: "Apex Dynamics",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg?_wi=3",
imageAlt: "William Brown",
},
id: "6", name: "William Brown", role: "Operations Director", company: "Apex Dynamics", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg?_wi=3", imageAlt: "William Brown"},
]}
title="What Our Clients Say"
description="Hear directly from businesses who have transformed their online presence with our premium web solutions."
@@ -285,25 +174,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
logos={[
"http://img.b2bpic.net/free-photo/business-team-meeting-discussion-communication-concept_53876-15852.jpg",
"http://img.b2bpic.net/free-vector/flat-design-accounting-services-labels_23-2150741021.jpg",
"http://img.b2bpic.net/free-vector/flat-vaccination-campaign-badge-collection_23-2148951825.jpg",
"http://img.b2bpic.net/free-vector/flat-mosaic-business-card_23-2149057531.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-nerd-logo-template_23-2149203377.jpg",
"http://img.b2bpic.net/free-vector/detailed-travel-logo_23-2148606094.jpg",
"http://img.b2bpic.net/free-vector/set-linear-logos_23-2147681207.jpg",
]}
"http://img.b2bpic.net/free-photo/business-team-meeting-discussion-communication-concept_53876-15852.jpg", "http://img.b2bpic.net/free-vector/flat-design-accounting-services-labels_23-2150741021.jpg", "http://img.b2bpic.net/free-vector/flat-vaccination-campaign-badge-collection_23-2148951825.jpg", "http://img.b2bpic.net/free-vector/flat-mosaic-business-card_23-2149057531.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-nerd-logo-template_23-2149203377.jpg", "http://img.b2bpic.net/free-vector/detailed-travel-logo_23-2148606094.jpg", "http://img.b2bpic.net/free-vector/set-linear-logos_23-2147681207.jpg"]}
title="Trusted by Industry Leaders"
description="Join a growing list of successful companies who trust Webild Premium to build their digital foundations."
names={[
"InnovateCorp",
"QuantixFlow",
"GrowthWave",
"SynergyLink",
"EduSphere",
"LogisticsPro",
"MediaForge",
]}
"InnovateCorp", "QuantixFlow", "GrowthWave", "SynergyLink", "EduSphere", "LogisticsPro", "MediaForge"]}
tag="Our Partners"
/>
</div>
@@ -314,25 +189,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What makes Webild Premium different?",
content: "We focus on a blend of cutting-edge design, robust technology, and strategic SEO optimization to deliver not just a website, but a powerful digital asset for your brand. Our commitment to client success and custom solutions sets us apart.",
},
id: "1", title: "What makes Webild Premium different?", content: "We focus on a blend of cutting-edge design, robust technology, and strategic SEO optimization to deliver not just a website, but a powerful digital asset for your brand. Our commitment to client success and custom solutions sets us apart."},
{
id: "2",
title: "How long does a typical website project take?",
content: "Project timelines vary based on complexity and specific requirements. A standard premium website usually takes between 6-12 weeks from initial consultation to launch, ensuring thorough development and quality assurance.",
},
id: "2", title: "How long does a typical website project take?", content: "Project timelines vary based on complexity and specific requirements. A standard premium website usually takes between 6-12 weeks from initial consultation to launch, ensuring thorough development and quality assurance."},
{
id: "3",
title: "Do you provide ongoing maintenance and support?",
content: "Yes, we offer comprehensive post-launch support and maintenance packages to ensure your website remains secure, up-to-date, and performs optimally. We're here for you long after launch.",
},
id: "3", title: "Do you provide ongoing maintenance and support?", content: "Yes, we offer comprehensive post-launch support and maintenance packages to ensure your website remains secure, up-to-date, and performs optimally. We're here for you long after launch."},
{
id: "4",
title: "Can you integrate with existing business tools?",
content: "Absolutely. Our team is proficient in integrating your new website with a wide range of third-party tools and platforms, including CRM systems, marketing automation, e-commerce solutions, and more.",
},
id: "4", title: "Can you integrate with existing business tools?", content: "Absolutely. Our team is proficient in integrating your new website with a wide range of third-party tools and platforms, including CRM systems, marketing automation, e-commerce solutions, and more."},
]}
title="Frequently Asked Questions"
description="Get quick answers to the most common questions about our services and premium web development process."
@@ -346,8 +209,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Start Your Premium Project Today"
description="Ready to elevate your online presence? Contact us to discuss your vision and see how Webild Premium can bring it to life."
@@ -361,58 +223,35 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Solutions",
items: [
title: "Solutions", items: [
{
label: "Web Design",
href: "#",
},
label: "Web Design", href: "#"},
{
label: "Development",
href: "#",
},
label: "Development", href: "#"},
{
label: "SEO Services",
href: "#",
},
label: "SEO Services", href: "#"},
{
label: "UI/UX",
href: "#",
},
label: "UI/UX", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "FAQ",
href: "/faq",
},
label: "FAQ", href: "/#faq"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
],
},
]}

2
src/app/styles/base.css
View File

@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-mulish), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f514c;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #159c49;
--background-accent: #a8e8ba;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #cee7ff;
--primary-cta-text: #000000;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #CEE7FF;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);