Merge version_1 into main #4
@@ -11,8 +11,8 @@ import { Times_New_Roman } from 'next/font/google';
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'BUCIOANGELOFFICIAL | Systems. Strategies. Solutions.',
|
||||
description: 'Systems, strategies, and solutions for growth.',
|
||||
title: 'Webild Platform',
|
||||
description: 'Accelerate your development cycle with our powerful tools.',
|
||||
openGraph: {
|
||||
"title": "BucioAngelOfficial",
|
||||
"description": "Systems. Strategies. Solutions.",
|
||||
|
||||
134
src/app/page.tsx
134
src/app/page.tsx
@@ -1,6 +1,5 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
@@ -10,145 +9,38 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Award, CheckCircle, Users, TrendingUp, Zap, Shield, Globe, Code2, BarChart, Twitter, Instagram } from 'lucide-react';
|
||||
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
import { Zap, Shield, Star, Globe, ArrowRight } from 'lucide-react';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="BUCIOANGELOFFICIAL" />
|
||||
<NavbarStyleApple navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: 'plain' }}
|
||||
title="BUCIOANGELOFFICIAL"
|
||||
description="Systems. Strategies. Solutions."
|
||||
testimonials={[
|
||||
{ name: "John Doe", handle: "@john", testimonial: "Exceptional strategies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5871.jpg" },
|
||||
{ name: "Jane Smith", handle: "@jane", testimonial: "Changed my business approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411406.jpg" },
|
||||
{ name: "Sam Wilson", handle: "@sam", testimonial: "Clear, concise, effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-near-window_23-2149411428.jpg" },
|
||||
{ name: "Alex Reed", handle: "@alex", testimonial: "Highly recommended system builder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-gentleman-elegant-black-jacket-sunglasses-holding-retro-walking-stick-as-cane-flask-tippling-cane-with-golden-diamond-ball-handle-rich-fashionable-afro-man_627829-1489.jpg" },
|
||||
{ name: "Morgan Lee", handle: "@morgan", testimonial: "The best partnership yet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-phone_53876-30677.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg"
|
||||
mediaAnimation="none"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-businessman-black-white_1098-2651.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/caucasian-businessman-talking-mobile-phone_53876-65441.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-exterior-with-window-balcony-pattern_74190-8325.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080285.jpg", alt: "Client 5" }
|
||||
]}
|
||||
/>
|
||||
<HeroSplitTestimonial title="Build Faster" description="Accelerate your development cycle with our powerful tools." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="About"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "200" },
|
||||
{ icon: Users, label: "Happy Clients", value: "150" },
|
||||
{ icon: TrendingUp, label: "Systems Built", value: "50+" },
|
||||
{ icon: Zap, label: "Automations", value: "1k+" }
|
||||
]}
|
||||
metricsAnimation="none"
|
||||
/>
|
||||
<AboutMetric title="Our Impact" metrics={[{ icon: Zap, label: "Growth", value: "200%" }, { icon: Shield, label: "Trust", value: "99%" }]} metricsAnimation="slide-up" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="startups" data-section="startups">
|
||||
<FeatureHoverPattern
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Start Ups"
|
||||
description="Building sustainable systems and scalable ventures."
|
||||
features={[
|
||||
{ icon: Zap, title: "Ventures", description: "High growth potential startups." },
|
||||
{ icon: Shield, title: "Consulting", description: "Strategy for sustainable growth." },
|
||||
{ icon: Globe, title: "Scaling", description: "Global reach optimization." },
|
||||
{ icon: Code2, title: "Technology", description: "Robust technical infrastructure." },
|
||||
{ icon: BarChart, title: "Analytics", description: "Data-driven decision making." }
|
||||
]}
|
||||
/>
|
||||
<FeatureHoverPattern title="Features" description="Discover what makes us unique." animationType="slide-up" features={[{ icon: Star, title: "Automation", description: "Automate your workflow." }, { icon: Globe, title: "Global", description: "Reach users everywhere." }]} textboxLayout="default" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="content" data-section="content">
|
||||
<ProductCardTwo
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Content"
|
||||
description="Educational assets and strategic insights."
|
||||
products={[
|
||||
{ id: "c1", brand: "Bucio", name: "Content Bundle 01", price: "$99", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283258.jpg" },
|
||||
{ id: "c2", brand: "Bucio", name: "Content Bundle 02", price: "$149", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/portrait-strong-independent-successful-businesswoman-wearing-smart-casual-clothing-glasses-working-laptop-cafe-black-white-photo_627829-9836.jpg" },
|
||||
{ id: "c3", brand: "Bucio", name: "Content Bundle 03", price: "$199", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6499.jpg" },
|
||||
{ id: "c4", brand: "Bucio", name: "Content Bundle 04", price: "$299", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/plain-dark-granite-stairs-pattern_53876-33561.jpg" },
|
||||
{ id: "c5", brand: "Bucio", name: "Content Bundle 05", price: "$399", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-concrete-building_181624-3961.jpg" },
|
||||
{ id: "c6", brand: "Bucio", name: "Content Bundle 06", price: "$499", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg" }
|
||||
]}
|
||||
/>
|
||||
<ProductCardTwo title="Products" description="Explore our latest offerings." textboxLayout="default" gridVariant="bento-grid" animationType="slide-up" products={[{ id: "1", brand: "Webild", name: "Product Alpha", price: "$99", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "2", brand: "Webild", name: "Product Beta", price: "$149", rating: 4, reviewCount: "8", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "3", brand: "Webild", name: "Product Gamma", price: "$199", rating: 5, reviewCount: "15", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }]} />
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Voices"
|
||||
description="Client feedback and results."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", handle: "@john", testimonial: "Exceptional strategies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-facade-modern-building_122409-61.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "@jane", testimonial: "Changed my business approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/part-building-made-white-pieces-metal-going-top-each-other_181624-19428.jpg" },
|
||||
{ id: "t3", name: "Sam Wilson", handle: "@sam", testimonial: "Clear, concise, effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283258.jpg" },
|
||||
{ id: "t4", name: "Alex Reed", handle: "@alex", testimonial: "Highly recommended system builder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-strong-independent-successful-businesswoman-wearing-smart-casual-clothing-glasses-working-laptop-cafe-black-white-photo_627829-9836.jpg" },
|
||||
{ id: "t5", name: "Morgan Lee", handle: "@morgan", testimonial: "The best partnership yet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6499.jpg" }
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardThirteen title="Testimonials" description="What our users say." showRating={true} animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic service!", rating: 5, icon: Star }, { id: "2", name: "John Smith", handle: "@johnsmith", testimonial: "Really helped our business grow.", rating: 5, icon: Star }]} />
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Blog"
|
||||
description="Daily thoughts on systems and solutions."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Systems", title: "The First Rule", excerpt: "Scaling requires focus.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-practising-yoga_23-2151406487.jpg", authorName: "Bucio Angel", authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-busy-working-car-inside_53876-31493.jpg", date: "2024-05-01" },
|
||||
{ id: "b2", category: "Strategy", title: "Building Leverage", excerpt: "Strategic resource management.", imageSrc: "http://img.b2bpic.net/free-photo/white-columns-cables-bridge-with-blue-sky-background_181624-5991.jpg", authorName: "Bucio Angel", authorAvatar: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162901.jpg", date: "2024-05-05" },
|
||||
{ id: "b3", category: "Solutions", title: "Execution Matters", excerpt: "Why most fail.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg", authorName: "Bucio Angel", authorAvatar: "http://img.b2bpic.net/free-photo/grayscale-shot-columns-balustrade_181624-41740.jpg", date: "2024-05-10" }
|
||||
]}
|
||||
/>
|
||||
<BlogCardOne title="Latest Insights" description="Read our latest updates." textboxLayout="default" animationType="slide-up" blogs={[{ id: "1", category: "News", title: "Growth Trends", excerpt: "How to grow fast in 2025.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }, { id: "2", category: "Guides", title: "Dev Tips", excerpt: "Master your tech stack.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Expert", authorAvatar: "", date: "2025-01-05" }]} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: 'plain' }}
|
||||
text="Work with me."
|
||||
/>
|
||||
<ContactText text="Get in Touch" background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BUCIOANGELOFFICIAL"
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
<FooterCard logoText="Webild" socialLinks={[{ icon: ArrowRight, href: "#", ariaLabel: "Twitter" }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user