Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-03-17 23:23:14 +00:00
6 changed files with 933 additions and 5 deletions

212
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,212 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Users, Leaf, CheckCircle, Mail, Sparkles, ArrowRight, Shield, BarChart3 } from 'lucide-react';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="blurBottom"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "features" },
{ name: "About", id: "/about" },
{ name: "Our Trees", id: "/our-trees" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Webild"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="About Webild"
description="Discover our mission to empower businesses with innovative solutions and local expertise"
buttons={[
{ text: "Learn Our Story", href: "#about-section" },
{ text: "Contact Us", href: "#contact" }
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/team-looking-documents_23-2148437366.jpg", imageAlt: "Team collaboration and expertise"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-using-technology-for-business-meeting_23-2149311944.jpg", imageAlt: "Professional business meeting and strategy"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together_23-2148894728.jpg", imageAlt: "Team working together on projects"
}
]}
autoplayDelay={4000}
showDimOverlay={true}
/>
</div>
<div id="about-section" data-section="about-section">
<MediaAbout
title="Our Journey to Excellence"
description="Founded on principles of quality, innovation, and local expertise, Webild has been transforming businesses for over a decade. Our commitment to understanding local markets and delivering tailored solutions sets us apart. We believe in building lasting relationships with our clients through transparency, integrity, and exceptional service."
tag="Our Story"
tagIcon={Award}
tagAnimation="slide-up"
buttons={[
{ text: "Explore Our Values", href: "#values" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/successful-business-team-standing-together_23-2148427287.jpg"
imageAlt="Professional team portrait showcasing company culture"
useInvertedBackground={false}
/>
</div>
<div id="values" data-section="values">
<FeatureCardTwentySix
title="Why We Stand Out"
description="Our dedication to local expertise, quality assurance, and customer success has made us a trusted partner for businesses of all sizes."
tag="Core Values"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Local Expertise", description: "Deep understanding of local markets and regulations. Our team brings years of regional experience to every project, ensuring culturally relevant and compliant solutions.", imageSrc: "http://img.b2bpic.net/free-vector/location-pin-design_1025-7577.jpg", imageAlt: "Local market expertise and regional knowledge", buttonIcon: ArrowRight,
buttonHref: "#"
},
{
title: "Quality Assurance", description: "Rigorous testing and quality standards ensure excellence. We maintain industry-leading certification and continuously invest in improvement processes.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-checklist_1163-4342.jpg", imageAlt: "Quality assurance and compliance standards", buttonIcon: CheckCircle,
buttonHref: "#"
},
{
title: "Proven Track Record", description: "Over a decade of successful implementations and satisfied clients. Our portfolio speaks to our commitment to delivering measurable results and long-term value.", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-chart_23-2148437234.jpg", imageAlt: "Business growth and proven success metrics", buttonIcon: BarChart3,
buttonHref: "#"
}
]}
buttons={[
{ text: "View Case Studies", href: "#" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="team-expertise" data-section="team-expertise">
<SocialProofOne
title="Industry Recognition"
description="Recognized by leading industry bodies for our commitment to excellence and innovation"
names={["ISO 9001 Certified", "Best Local Provider 2024", "Excellence Award", "Innovation Leader", "Customer Choice", "Sustainability Champion", "Quality Partner"]}
logos={[
"http://img.b2bpic.net/free-vector/award-badge-icon_1156-812.jpg", "http://img.b2bpic.net/free-vector/star-rating-badge_1025-667.jpg", "http://img.b2bpic.net/free-vector/certificate-template-with-ribbon_1017-13717.jpg", "http://img.b2bpic.net/free-vector/medal-ribbon-achievement_1156-342.jpg", "http://img.b2bpic.net/free-vector/trophy-award-badge_1025-445.jpg", "http://img.b2bpic.net/free-vector/eco-friendly-badge_1017-25437.jpg", "http://img.b2bpic.net/free-vector/trust-seal-badge_1025-556.jpg"
]}
textboxLayout="default"
useInvertedBackground={false}
tag="Certifications & Awards"
tagIcon={Award}
tagAnimation="opacity"
speed={40}
showCard={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Client Success Stories"
description="Hear from businesses that have partnered with us and achieved remarkable results"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Local Partner We Trust", quote: "Webild truly understands our market and local needs. Their expertise has helped us navigate complex challenges and achieve growth we didn't think possible.", name: "Marco Rossi", role: "Regional Director", imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-portrait_23-2148427312.jpg", imageAlt: "Regional business leader professional portrait"
},
{
id: "2", title: "Quality at Its Finest", quote: "The attention to detail and commitment to quality is evident in every interaction. They deliver on their promises consistently.", name: "Lisa Anderson", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/confident-business-woman_23-2148427298.jpg", imageAlt: "Operations professional business woman portrait"
},
{
id: "3", title: "Strategic Partner", quote: "More than just a vendor, Webild acts as a true strategic partner. Their insights have transformed how we operate and compete locally.", name: "Antonio Ferri", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/senior-executive-portrait_1262-16524.jpg", imageAlt: "Executive CEO professional portrait"
},
{
id: "4", title: "Exceptional Local Knowledge", quote: "Their deep understanding of local regulations and market dynamics has saved us countless hours and potential compliance issues.", name: "Francesca Moretti", role: "Compliance Director", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-office_23-2148427267.jpg", imageAlt: "Compliance professional woman portrait"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Connect With Us"
tagIcon={Mail}
tagAnimation="slide-up"
title="Ready to Partner With Webild?"
description="Discover how our local expertise and commitment to quality can drive your business forward. Reach out to our team today to discuss your needs."
buttons={[
{ text: "Schedule Consultation", href: "mailto:consulting@webild.com" },
{ text: "Learn More", href: "/our-trees" }
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Trees", href: "/our-trees" },
{ label: "Careers", href: "#" },
{ label: "Press", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Support", href: "#" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Compliance", href: "#" }
]
}
]}
copyrightText="© 2024 Webild. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

149
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,149 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail, Phone, MapPin } from 'lucide-react';
export default function ContactPage() {
const handleSubmit = (data: Record<string, string>) => {
console.log('Form submitted:', data);
// Handle form submission
};
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="blurBottom"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "#features" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "/contact" }
]}
brandName="Webild"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
description="Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true
},
{
name: "email", type: "email", placeholder: "your@email.com", required: true
},
{
name: "phone", type: "tel", placeholder: "+1 (555) 123-4567", required: false
},
{
name: "company", type: "text", placeholder: "Your Company", required: false
}
]}
textarea={{
name: "message", placeholder: "Tell us about your project and how we can help...", rows: 5,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/business-team-discussing-project-in-office_23-2148628589.jpg"
imageAlt="Business team discussing project"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
onSubmit={handleSubmit}
/>
</div>
<div id="business-info" data-section="business-info" className="py-20 px-6">
<div className="max-w-6xl mx-auto">
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div className="text-center">
<div className="flex justify-center mb-4">
<div className="p-3 rounded-lg bg-primary-cta/10">
<MapPin className="w-6 h-6 text-primary-cta" />
</div>
</div>
<h3 className="text-xl font-semibold mb-2">Our Office</h3>
<p className="text-foreground/60">123 Business Avenue<br />San Francisco, CA 94105<br />United States</p>
</div>
<div className="text-center">
<div className="flex justify-center mb-4">
<div className="p-3 rounded-lg bg-primary-cta/10">
<Mail className="w-6 h-6 text-primary-cta" />
</div>
</div>
<h3 className="text-xl font-semibold mb-2">Email Us</h3>
<p className="text-foreground/60"><a href="mailto:hello@webild.com" className="hover:text-primary-cta">hello@webild.com</a><br /><a href="mailto:support@webild.com" className="hover:text-primary-cta">support@webild.com</a></p>
</div>
<div className="text-center">
<div className="flex justify-center mb-4">
<div className="p-3 rounded-lg bg-primary-cta/10">
<Phone className="w-6 h-6 text-primary-cta" />
</div>
</div>
<h3 className="text-xl font-semibold mb-2">Call Us</h3>
<p className="text-foreground/60"><a href="tel:+14155551234" className="hover:text-primary-cta">+1 (415) 555-1234</a><br />Monday - Friday, 9am - 6pm PST</p>
</div>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Press", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Support", href: "#" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Compliance", href: "#" }
]
}
]}
copyrightText="© 2024 Webild. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

263
src/app/our-trees/page.tsx Normal file
View File

@@ -0,0 +1,263 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Leaf, Shield, Award, Mail, Sparkles, ArrowRight, CheckCircle, BarChart3 } from 'lucide-react';
export default function OurTreesPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="blurBottom"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "features" },
{ name: "About", id: "/about" },
{ name: "Our Trees", id: "/our-trees" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Webild"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Our Trees Product Line"
description="Premium quality trees sourced locally with expertise and care. Each tree is selected to ensure superior quality, health, and growth potential."
buttons={[
{ text: "Browse Products", href: "#products" },
{ text: "Request Consultation", href: "#contact" }
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-green-forest_23-2149334293.jpg", imageAlt: "Premium quality trees and forest landscape"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/nature-sustainable-gardening_23-2149334267.jpg", imageAlt: "Sustainable tree cultivation and care"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/environmental-commitment_23-2149334245.jpg", imageAlt: "Environmental sustainability and local growth"
}
]}
autoplayDelay={4000}
showDimOverlay={true}
/>
</div>
<div id="why-our-trees" data-section="why-our-trees">
<FeatureCardTwentySix
title="Why Choose Our Trees"
description="Our commitment to quality, local expertise, and sustainable practices ensures you receive the finest trees available."
tag="Quality Assurance"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Local Expertise", description: "Sourced from our certified local growers with decades of experience. We know the regional climate, soil conditions, and optimal species for your area.", imageSrc: "http://img.b2bpic.net/free-photo/farmer-checking-plants_1163-4338.jpg", imageAlt: "Local farming expertise and cultivation knowledge", buttonIcon: Leaf,
buttonHref: "#"
},
{
title: "Premium Quality", description: "Every tree undergoes rigorous health inspection and quality certification. We guarantee healthy, disease-free specimens with excellent growth potential.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspection_23-2148427156.jpg", imageAlt: "Quality inspection and certification process", buttonIcon: CheckCircle,
buttonHref: "#"
},
{
title: "Sustainability", description: "Committed to environmental responsibility. Our sustainable practices ensure long-term viability and positive ecological impact for future generations.", imageSrc: "http://img.b2bpic.net/free-vector/eco-friendly-sustainable_1025-7823.jpg", imageAlt: "Environmental sustainability and green practices", buttonIcon: Shield,
buttonHref: "#"
}
]}
buttons={[
{ text: "Learn About Our Process", href: "#process" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Featured Tree Products"
description="Explore our curated selection of premium trees, each chosen for quality, local adaptation, and growth excellence."
tag="Our Selection"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "1", brand: "Native Heritage", name: "Oak Prime", price: "€89.99", rating: 5, reviewCount: "247", imageSrc: "http://img.b2bpic.net/free-photo/oak-tree-nature_1163-4321.jpg", imageAlt: "Premium oak tree specimen", isFavorited: false
},
{
id: "2", brand: "Local Select", name: "Maple Elite", price: "€79.99", rating: 4.9, reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/maple-tree-landscape_23-2149334278.jpg", imageAlt: "Beautiful maple tree for landscapes", isFavorited: false
},
{
id: "3", brand: "Regional Excellence", name: "Birch Premium", price: "€69.99", rating: 4.8, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/birch-tree-specimen_1163-4325.jpg", imageAlt: "Premium birch tree quality", isFavorited: false
},
{
id: "4", brand: "Native Heritage", name: "Pine Deluxe", price: "€84.99", rating: 5, reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/conifer-pine-tree_23-2149334301.jpg", imageAlt: "Premium pine tree specimen", isFavorited: false
},
{
id: "5", brand: "Local Select", name: "Ash Classic", price: "€74.99", rating: 4.9, reviewCount: "134", imageSrc: "http://img.b2bpic.net/free-photo/ash-tree-nature_1163-4329.jpg", imageAlt: "Classic ash tree for landscaping", isFavorited: false
},
{
id: "6", brand: "Regional Excellence", name: "Linden Select", price: "€79.99", rating: 5, reviewCount: "178", imageSrc: "http://img.b2bpic.net/free-photo/linden-tree-botanical_23-2149334289.jpg", imageAlt: "Premium linden tree selection", isFavorited: false
}
]}
buttons={[
{ text: "View All Products", href: "#" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentySix
title="Our Quality Process"
description="From selection to delivery, each tree receives meticulous care and expert attention ensuring you receive the finest specimen."
tag="Quality Standards"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Expert Selection", description: "Our arborists carefully select trees based on health indicators, root development, and genetic quality. Only the finest specimens make our collection.", imageSrc: "http://img.b2bpic.net/free-photo/expert-consultation_23-2148427198.jpg", imageAlt: "Expert tree selection and evaluation", buttonIcon: CheckCircle,
buttonHref: "#"
},
{
title: "Rigorous Testing", description: "Comprehensive health screening, disease testing, and viability assessment. Every tree meets our strict certification standards before shipping.", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-testing_1163-4344.jpg", imageAlt: "Laboratory testing and health screening", buttonIcon: Shield,
buttonHref: "#"
},
{
title: "Professional Care", description: "Expert handling and optimal packaging ensures trees arrive in perfect condition. Our care protocols maintain health throughout the entire delivery process.", imageSrc: "http://img.b2bpic.net/free-photo/professional-packaging_23-2148427215.jpg", imageAlt: "Professional packaging and care standards", buttonIcon: ArrowRight,
buttonHref: "#"
}
]}
buttons={[
{ text: "View Specifications", href: "#" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="certifications" data-section="certifications">
<SocialProofOne
title="Quality Certifications & Trust Signals"
description="Trusted certifications and recognition from leading environmental and horticultural organizations worldwide"
names={["ISO 14001 Environmental", "FSC Certified Supplier", "Organic Verified", "Local Excellence Award", "Sustainability Champion", "Tree Health Certified", "Premium Grade Verified"]}
logos={[
"http://img.b2bpic.net/free-vector/iso-certification-badge_1156-812.jpg", "http://img.b2bpic.net/free-vector/fsc-certified-logo_1025-667.jpg", "http://img.b2bpic.net/free-vector/organic-certification-badge_1017-13717.jpg", "http://img.b2bpic.net/free-vector/excellence-award-badge_1156-342.jpg", "http://img.b2bpic.net/free-vector/sustainability-badge_1025-445.jpg", "http://img.b2bpic.net/free-vector/health-certified-seal_1017-25437.jpg", "http://img.b2bpic.net/free-vector/premium-quality-stamp_1025-556.jpg"
]}
textboxLayout="default"
useInvertedBackground={true}
tag="Industry Recognition"
tagIcon={Award}
tagAnimation="opacity"
speed={40}
showCard={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Customer Success With Our Trees"
description="See how landscapers, municipalities, and businesses have transformed their projects with our premium trees"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Outstanding Quality", quote: "The trees arrived in perfect condition. The attention to detail and quality is exceptional. These are now thriving in our landscape project, and our clients are incredibly satisfied.", name: "Giuseppe Martini", role: "Professional Landscaper", imageSrc: "http://img.b2bpic.net/free-photo/landscaper-professional_23-2148427289.jpg", imageAlt: "Landscaping professional portrait"
},
{
id: "2", title: "Local Expertise Made a Difference", quote: "Their local knowledge helped us choose the perfect tree species for our climate. The trees are thriving, and their team provided excellent ongoing support.", name: "Francesca Verdi", role: "Municipal Parks Director", imageSrc: "http://img.b2bpic.net/free-photo/director-professional_23-2148427301.jpg", imageAlt: "Municipal director professional portrait"
},
{
id: "3", title: "Sustainable and Reliable", quote: "We've been ordering from them for three years. Consistently excellent quality, sustainable practices, and reliable service. Highly recommended for any serious landscaping project.", name: "Marco Rossi", role: "Corporate Real Estate Manager", imageSrc: "http://img.b2bpic.net/free-photo/corporate-manager_1163-4335.jpg", imageAlt: "Corporate manager professional portrait"
},
{
id: "4", title: "Worth Every Euro", quote: "Premium pricing is justified by premium quality. These trees have exceeded our expectations. The health and growth rate are remarkable. Absolutely worth the investment.", name: "Alessandro Ferrari", role: "Estate Property Developer", imageSrc: "http://img.b2bpic.net/free-photo/property-developer_23-2148427276.jpg", imageAlt: "Property developer professional portrait"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Order"
tagIcon={Mail}
tagAnimation="slide-up"
title="Let's Find Your Perfect Trees"
description="Our team is ready to help you select the ideal trees for your project. Contact us today for personalized recommendations, bulk quotes, or to place an order."
buttons={[
{ text: "Request Quote", href: "mailto:sales@webild.com" },
{ text: "Schedule Consultation", href: "mailto:consulting@webild.com" }
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Products", items: [
{ label: "Our Trees", href: "/our-trees" },
{ label: "Pricing", href: "#" },
{ label: "Bulk Orders", href: "#" },
{ label: "Availability", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Process", href: "#process" },
{ label: "Careers", href: "#" },
{ label: "Sustainability", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Care Guide", href: "#" },
{ label: "Planting Tips", href: "#" },
{ label: "FAQ", href: "#" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Shipping Policy", href: "#" },
{ label: "Warranty", href: "#" }
]
}
]}
copyrightText="© 2024 Webild Trees. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

View File

@@ -30,7 +30,7 @@ export default function LandingPage() {
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
{ name: "Contact", id: "/contact" }
]}
brandName="Webild"
/>
@@ -41,7 +41,7 @@ export default function LandingPage() {
logoText="Welcome to Webild"
description="Build amazing digital experiences with our cutting-edge platform and expert solutions"
buttons={[
{ text: "Get Started", href: "#contact" },
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#features" }
]}
slides={[
@@ -139,7 +139,7 @@ export default function LandingPage() {
title="Ready to Get Started?"
description="Join thousands of satisfied customers who have transformed their business. Contact us today to schedule a demo or ask any questions."
buttons={[
{ text: "Schedule Demo", href: "mailto:demo@webild.com" },
{ text: "Schedule Demo", href: "/contact" },
{ text: "Contact Sales", href: "mailto:sales@webild.com" }
]}
buttonAnimation="slide-up"
@@ -172,7 +172,7 @@ export default function LandingPage() {
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Support", href: "#" },
{ label: "Contact", href: "#contact" }
{ label: "Contact", href: "/contact" }
]
},
{
@@ -189,4 +189,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

146
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,146 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Star, Users } from 'lucide-react';
export default function ReviewsPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="blurBottom"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Visit Us", id: "visit-us" },
{ name: "Reviews", id: "hero" },
{ name: "Contact", id: "contact" }
]}
brandName="Webild"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="Customer Reviews"
description="Discover what our satisfied customers have to say about their experience with Webild. Real feedback from real users who have transformed their business."
buttons={[
{ text: "Leave a Review", href: "mailto:reviews@webild.com" },
{ text: "View All Ratings", href: "#testimonials" }
]}
background={{ variant: "radial-gradient" }}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg"
imageAlt="Happy customer testimonial"
mediaAnimation="slide-up"
frameStyle="card"
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Customer Testimonials"
description="Join thousands of satisfied customers who have transformed their business with Webild. Read their success stories and discover how we can help you."
textboxLayout="default"
useInvertedBackground={false}
tag="5-Star Ratings"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
{
id: "1", title: "Game Changer", quote: "This platform has completely transformed how we operate. The interface is intuitive, and the results speak for themselves. We've seen a 40% increase in productivity and our team loves using it every day.", name: "Sarah Johnson", role: "CEO, TechCorp", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", imageAlt: "CEO Sarah Johnson"
},
{
id: "2", title: "Exceptional Support", quote: "The team behind this platform goes above and beyond. Their support is responsive and helpful. Implementation was smooth and painless. They really understand their customers' needs.", name: "Michael Chen", role: "CTO, InnovateLabs", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-working-cafe_1157-20938.jpg", imageAlt: "CTO Michael Chen"
},
{
id: "3", title: "Best Investment", quote: "ROI has been incredible. We recouped our investment within three months. Highly recommended for any forward-thinking organization looking to scale efficiently.", name: "Emily Rodriguez", role: "Marketing Director, GrowthCo", imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-working-city_23-2149322942.jpg", imageAlt: "Marketing Director Emily Rodriguez"
},
{
id: "4", title: "Outstanding Results", quote: "The analytics and reporting features are second to none. We now have real-time visibility into all our operations. This is exactly what we needed to make data-driven decisions.", name: "David Kim", role: "Product Manager, DataSync", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-posing-outdoors_1262-16431.jpg", imageAlt: "Product Manager David Kim"
},
{
id: "5", title: "Highly Recommend", quote: "Professional, reliable, and innovative. Webild has been instrumental in our digital transformation journey. The entire platform is well-designed and easy to integrate with existing systems.", name: "Jessica Martinez", role: "Operations Director, StreamFlow", imageSrc: "http://img.b2bpic.net/free-photo/concerned-man-with-devices-close-up_23-2149101176.jpg", imageAlt: "Operations Director Jessica Martinez"
},
{
id: "6", title: "Perfect Solution", quote: "We tried multiple solutions before Webild. This is the one that finally delivered on its promises. The user experience is exceptional and our workflow has improved dramatically.", name: "Robert Thompson", role: "VP Engineering, TechVision", imageSrc: "http://img.b2bpic.net/free-photo/successful-african-american-employee-manages-financial-planning_482257-122600.jpg", imageAlt: "VP Engineering Robert Thompson"
}
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Thousands"
description="Our platform is relied upon by leading companies and organizations across industries. Join a community of successful businesses using Webild."
names={["Google", "Microsoft", "Apple", "Amazon", "Meta", "LinkedIn", "Twitter"]}
logos={[
"http://img.b2bpic.net/free-vector/abstract-logo-template_1156-703.jpg", "http://img.b2bpic.net/free-vector/business-designs-collection_1209-2.jpg", "http://img.b2bpic.net/free-vector/flat-healthy-food-logos_23-2148110075.jpg", "http://img.b2bpic.net/free-photo/high-angle-online-shopping-with-copy-space_23-2148625694.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148084041.jpg", "http://img.b2bpic.net/free-vector/abstract-facebook-cover-with-ornamental-shapes_23-2147663048.jpg", "http://img.b2bpic.net/free-vector/colored-flower-logo_1025-549.jpg"
]}
textboxLayout="default"
useInvertedBackground={true}
tag="Industry Leaders"
tagIcon={Users}
tagAnimation="opacity"
speed={40}
showCard={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Visit Us", href: "/visit-us" },
{ label: "Reviews", href: "/reviews" },
{ label: "Careers", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Support", href: "#" },
{ label: "Contact", href: "/#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Compliance", href: "#" }
]
}
]}
copyrightText="© 2024 Webild. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

158
src/app/visit-us/page.tsx Normal file
View File

@@ -0,0 +1,158 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { MapPin, Clock, Phone, Mail, Navigation, CheckCircle } from 'lucide-react';
export default function VisitUsPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="blurBottom"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Visit Us", id: "hero" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" }
]}
brandName="Webild"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="Visit Our Office"
description="Experience our state-of-the-art facility and meet our team in person. We're located in the heart of the business district with easy access and ample parking."
buttons={[
{ text: "Get Directions", href: "https://maps.google.com?q=webild+office" },
{ text: "Schedule Tour", href: "mailto:tours@webild.com" }
]}
background={{ variant: "radial-gradient" }}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/successful-african-american-employee-manages-financial-planning_482257-122600.jpg"
imageAlt="Modern office building entrance"
mediaAnimation="slide-up"
frameStyle="card"
buttonAnimation="slide-up"
/>
</div>
<div id="location" data-section="location">
<SplitAbout
title="Location & Hours"
description="Find us easily and discover our convenient office hours. We're open for visits, consultations, and tours throughout the week."
tag="Office Details"
tagIcon={MapPin}
tagAnimation="slide-up"
bulletPoints={[
{
title: "Address", description: "123 Business Avenue, Suite 500, New York, NY 10001", icon: MapPin
},
{
title: "Hours", description: "Monday - Friday: 9:00 AM - 6:00 PM, Saturday: 10:00 AM - 2:00 PM", icon: Clock
},
{
title: "Phone", description: "+1 (555) 123-4567", icon: Phone
},
{
title: "Email", description: "info@webild.com", icon: Mail
}
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-business-people-office_23-2148427101.jpg"
imageAlt="Professional office environment"
mediaAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
buttons={[
{ text: "Call Us", href: "tel:+15551234567" },
{ text: "Email Us", href: "mailto:info@webild.com" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="directions" data-section="directions">
<ContactFaq
ctaTitle="Get Directions"
ctaDescription="Multiple convenient transportation options available. Public transit access, parking available on-site and nearby."
ctaButton={{ text: "Open Maps", href: "https://maps.google.com?q=webild+office" }}
ctaIcon={Navigation}
animationType="slide-up"
faqs={[
{
id: "1", title: "By Car", content: "Located just off Exit 12 on Interstate 495. Ample parking available in the building garage. First 2 hours complimentary for visitors."
},
{
id: "2", title: "By Public Transit", content: "Direct access via Metro Line A and B. Station entrance is 2 blocks from our building. We're 5 minutes walk from Grand Central Terminal."
},
{
id: "3", title: "By Taxi/Rideshare", content: "Rideshare pickup zone available on the north side of the building. Taxi stand located on Business Avenue."
},
{
id: "4", title: "Parking Information", content: "On-site parking: $5/hour with validation. Nearby garage: $8/hour. Street parking available on weekends and after 6 PM."
}
]}
useInvertedBackground={true}
accordionAnimationType="smooth"
showCard={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Visit Us", href: "/visit-us" },
{ label: "Careers", href: "#" },
{ label: "Press", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "Community", href: "#" },
{ label: "Support", href: "#" },
{ label: "Contact", href: "/#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Compliance", href: "#" }
]
}
]}
copyrightText="© 2024 Webild. All rights reserved."
/>
</div>
</ThemeProvider>
);
}