Update DaisyJane styling and page changes

This commit is contained in:
root
2026-02-08 20:52:52 +00:00
parent 835da21951
commit 74606d6355
4 changed files with 185 additions and 46 deletions

View File

@@ -138,7 +138,7 @@ $breadcrumbs = [
.values-grid { .values-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns: repeat(3, 1fr);
gap: 30px; gap: 30px;
margin: 60px 0; margin: 60px 0;
} }
@@ -160,7 +160,7 @@ $breadcrumbs = [
.stats-grid { .stats-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-columns: repeat(3, 1fr);
gap: 40px; gap: 40px;
margin-top: 40px; margin-top: 40px;
} }
@@ -343,7 +343,7 @@ $breadcrumbs = [
<p>Expert professionals dedicated to delivering exceptional data solutions</p> <p>Expert professionals dedicated to delivering exceptional data solutions</p>
</div> </div>
<div class="values-grid" style="margin-top: 60px;"> <div class="values-grid" style="margin-top: 60px; grid-template-columns: repeat(2, 1fr);">
<!-- Team Member 1 --> <!-- Team Member 1 -->
<div class="value-card" itemscope itemtype="https://schema.org/Person"> <div class="value-card" itemscope itemtype="https://schema.org/Person">
<div style="text-align: center; margin-bottom: 20px;"> <div style="text-align: center; margin-bottom: 20px;">
@@ -357,7 +357,7 @@ $breadcrumbs = [
</p> </p>
</div> </div>
<p style="color: #666; line-height: 1.6;" itemprop="description"> <p style="color: #666; line-height: 1.6;" itemprop="description">
Dr. Mitchell brings over 15 years of experience in data science and enterprise architecture. Prior to founding UK Data Services, he led data engineering teams at two FTSE 100 companies, specialising in large-scale data extraction and business intelligence systems. His doctoral research focused on ethical AI and data governance frameworks. Dr. Mitchell brings over 15 years of experience in data science and enterprise architecture. He previously led data engineering teams at two FTSE 100 companies, specialising in large-scale data extraction and business intelligence systems.
</p> </p>
<meta itemprop="worksFor" content="UK Data Services"> <meta itemprop="worksFor" content="UK Data Services">
<meta itemprop="alumniOf" content="Imperial College London"> <meta itemprop="alumniOf" content="Imperial College London">
@@ -376,7 +376,7 @@ $breadcrumbs = [
</p> </p>
</div> </div>
<p style="color: #666; line-height: 1.6;" itemprop="description"> <p style="color: #666; line-height: 1.6;" itemprop="description">
Sarah is a recognised expert in data protection law and GDPR compliance with 12 years of experience across legal and technology sectors. She ensures all UK Data Services operations meet the highest standards of data privacy and regulatory compliance. Sarah previously served as Senior Data Protection Counsel at a leading European fintech company. Sarah is a recognised expert in data protection law and GDPR compliance with 12 years of experience. She ensures all operations meet the highest standards of data privacy and regulatory compliance.
</p> </p>
<meta itemprop="worksFor" content="UK Data Services"> <meta itemprop="worksFor" content="UK Data Services">
<meta itemprop="knowsAbout" content="GDPR Compliance"> <meta itemprop="knowsAbout" content="GDPR Compliance">
@@ -396,7 +396,7 @@ $breadcrumbs = [
</p> </p>
</div> </div>
<p style="color: #666; line-height: 1.6;" itemprop="description"> <p style="color: #666; line-height: 1.6;" itemprop="description">
David leads the technical architecture and delivery of complex data extraction projects. With a Master's in Data Science from Oxford University and 10 years of hands-on experience in cloud infrastructure and scalable data pipelines, he ensures robust, high-performance solutions for clients. David specialises in real-time data processing and API integration. David leads the technical architecture and delivery of complex data extraction projects. With 10 years of experience in cloud infrastructure and scalable data pipelines, he ensures robust, high-performance solutions for clients.
</p> </p>
<meta itemprop="worksFor" content="UK Data Services"> <meta itemprop="worksFor" content="UK Data Services">
<meta itemprop="alumniOf" content="University of Oxford"> <meta itemprop="alumniOf" content="University of Oxford">
@@ -417,7 +417,7 @@ $breadcrumbs = [
</p> </p>
</div> </div>
<p style="color: #666; line-height: 1.6;" itemprop="description"> <p style="color: #666; line-height: 1.6;" itemprop="description">
Rachel ensures seamless project delivery and exceptional client experiences across all engagements. With 8 years managing data analytics and BI projects for enterprise clients, she bridges the gap between technical capabilities and business objectives. Rachel's client-centric approach has consistently achieved 98%+ satisfaction ratings. Rachel ensures seamless project delivery and exceptional client experiences. With 8 years managing data analytics and BI projects, she bridges the gap between technical capabilities and business objectives.
</p> </p>
<meta itemprop="worksFor" content="UK Data Services"> <meta itemprop="worksFor" content="UK Data Services">
<meta itemprop="knowsAbout" content="Project Management"> <meta itemprop="knowsAbout" content="Project Management">

View File

@@ -4221,3 +4221,150 @@ main {
margin-top: 1.5rem; margin-top: 1.5rem;
} }
} }
/* ===== VISUAL FIXES 2026-02-08 v2 ===== */
/* Fix 10: Increase base font size */
body { font-size: 17px; }
/* Fix 11: Widen containers */
.container { max-width: 1320px; }
/* Fix 1: Trust badges as styled pills */
.trust-signals-hero .trust-badges .badge {
background: linear-gradient(135deg, #144784, #1a5298);
color: #fff;
border: none;
padding: 0.65rem 1.5rem;
font-size: 0.95rem;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 24px;
box-shadow: 0 2px 8px rgba(20, 71, 132, 0.25);
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.trust-signals-hero .trust-badges .badge::before {
content: '✓';
font-weight: 700;
font-size: 0.85rem;
}
.trust-signals-hero .trust-badges {
gap: 1.2rem;
margin-top: 0.5rem;
}
.trust-signals-hero .trust-heading {
margin-bottom: 1rem;
font-size: 1rem;
}
/* Fix 2: Service cards breathing room */
.service-card { padding: 42px; }
.service-card p {
font-size: 1.05rem;
line-height: 1.75;
margin-bottom: 22px;
}
.service-card li {
padding: 9px 0;
font-size: 1.02rem;
padding-left: 24px;
line-height: 1.55;
}
.service-card ul { margin-top: 8px; }
.service-card h3 { font-size: 1.4rem; }
/* Fix 3: Stats row labels bigger */
.hero-stats .stat-label { font-size: 1.05rem; }
.hero-stats .stat-number { font-size: 2.4rem; }
/* Fix 4: Consistent card heights */
.services-grid {
grid-template-columns: repeat(3, 1fr);
}
.services-grid .service-card {
display: flex;
flex-direction: column;
}
.services-grid .service-card p { flex-shrink: 0; }
.services-grid .service-card ul { flex-grow: 1; }
@media (max-width: 1100px) {
.services-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
.services-grid { grid-template-columns: 1fr; }
}
/* Fix 5: About values grid 3-col */
.values-grid {
grid-template-columns: repeat(3, 1fr);
justify-items: stretch;
}
@media (max-width: 900px) {
.values-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.values-grid { grid-template-columns: 1fr; }
}
/* Fix 6: About stats grid 3-col */
.stats-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 768px) {
.stats-grid { grid-template-columns: repeat(2, 1fr); }
}
/* Fix 7: Team bio cards equal height */
.values-grid .value-card {
display: flex;
flex-direction: column;
}
/* Fix 8: Consistent testimonial style on quote page */
/* Override the big teal quote mark on sidebar testimonial-card */
.quote-sidebar .testimonial-card {
background: #f8f9fa;
border-left: 4px solid #144784;
border-top: none;
border-right: none;
border-bottom: none;
padding: 1.5rem;
border-radius: 8px;
margin-bottom: 1.5rem;
box-shadow: none;
}
.quote-sidebar .testimonial-card::before {
display: none;
}
.quote-sidebar .testimonial-card blockquote p {
font-style: italic;
margin-bottom: 0.5rem;
line-height: 1.6;
color: #333;
}
.quote-sidebar .testimonial-card blockquote cite {
color: #666;
font-size: 0.9rem;
}
/* Fix 9: FAQ full width below form & sidebar */
.quote-faq-section {
grid-column: 1 / -1;
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #e0e0e0;
}
/* Features grid improvements */
.features-grid {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1100px) {
.features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
.features-grid { grid-template-columns: 1fr; }
}
/* ===== END VISUAL FIXES ===== */

View File

@@ -695,13 +695,6 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<section class="trust-signals-hero"> <section class="trust-signals-hero">
<div class="container"> <div class="container">
<p class="trust-heading">Trusted by businesses across the UK</p> <p class="trust-heading">Trusted by businesses across the UK</p>
<div class="trust-logos">
<div class="trust-logo-placeholder"></div>
<div class="trust-logo-placeholder"></div>
<div class="trust-logo-placeholder"></div>
<div class="trust-logo-placeholder"></div>
<div class="trust-logo-placeholder"></div>
</div>
<div class="trust-badges"> <div class="trust-badges">
<span class="badge">GDPR Compliant</span> <span class="badge">GDPR Compliant</span>
<span class="badge">ICO Registered</span> <span class="badge">ICO Registered</span>

View File

@@ -675,19 +675,39 @@ $breadcrumbs = [
</form> </form>
<!-- Testimonial --> <!-- Testimonial -->
<div style="background:#f0f7ff;border-radius:8px;padding:25px;margin-top:30px;"> <div style="background:#f8f9fa;border-left:4px solid #144784;padding:1.5rem;border-radius:8px;margin-top:30px;">
<div style="display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;"> <blockquote>
<div style="font-size:3em;">💬</div> <p style="font-style:italic;margin-bottom:0.5rem;">"We needed competitor pricing data from 50+ websites. UK Data Services delivered within a week, and the accuracy was incredible."</p>
<div style="flex:1;min-width:250px;"> <cite>&#8212; Sarah Chen, Head of Strategy, City Fintech Ltd</cite>
<p style="margin:0 0 15px 0;font-style:italic;color:#333;line-height:1.6;">"We needed competitor pricing data from 50+ websites. UK Data Services delivered within a week, and the accuracy was incredible. The ROI was clear within the first month."</p> </blockquote>
<div style="font-weight:600;color:#1a1a2e;">— Sarah Chen, Head of Strategy</div>
<div style="color:#666;font-size:0.9em;">City Fintech Ltd</div>
</div>
</div>
</div> </div>
</div>
</div>
<!-- Sidebar -->
<aside class="quote-sidebar">
<div class="testimonial-card">
<blockquote>
<p>"UK Data Services transformed how we track competitor pricing. The data is accurate, timely, and has directly impacted our revenue."</p>
<cite>— Client Testimonial</cite>
</blockquote>
</div>
<div class="what-happens-next">
<h3>What happens next?</h3>
<ol>
<li><strong>We review your request</strong> — our team assesses your requirements</li>
<li><strong>You receive a detailed proposal</strong> — within 24 hours</li>
<li><strong>Free consultation call</strong> — we schedule a call to discuss your project</li>
</ol>
</div>
</aside>
<!-- FAQ Section --> <!-- FAQ Section -->
<div style="margin-top:40px;"> <div class="quote-faq-section" style="margin-top:40px;">
<h3 style="margin:0 0 20px 0;color:#1a1a2e;">❓ Common Questions</h3> <h3 style="margin:0 0 20px 0;color:#1a1a2e;">❓ Common Questions</h3>
<details style="border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:15px;"> <details style="border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:15px;">
@@ -737,27 +757,6 @@ $breadcrumbs = [
} }
</script> </script>
</div>
</div>
<!-- Sidebar -->
<aside class="quote-sidebar">
<div class="testimonial-card">
<blockquote>
<p>"UK Data Services transformed how we track competitor pricing. The data is accurate, timely, and has directly impacted our revenue."</p>
<cite>— Client Testimonial</cite>
</blockquote>
</div>
<div class="what-happens-next">
<h3>What happens next?</h3>
<ol>
<li><strong>We review your request</strong> — our team assesses your requirements</li>
<li><strong>You receive a detailed proposal</strong> — within 24 hours</li>
<li><strong>Free consultation call</strong> — we schedule a call to discuss your project</li>
</ol>
</div>
</aside>
</div> </div>
</div> </div>
</section> </section>