452 lines
15 KiB
Plaintext
452 lines
15 KiB
Plaintext
---
|
||
import Layout from "../layouts/Layout.astro";
|
||
import { getConfig } from "../../utils/config";
|
||
import { newsIndex } from "../../utils/rpc";
|
||
import { Image } from "astro:assets";
|
||
const config = getConfig(Astro);
|
||
const { code, data, guess } = await newsIndex(config.id, 20, 1);
|
||
console.log(data)
|
||
---
|
||
|
||
<Layout>
|
||
<div id="top" class="callbacks_container">
|
||
<ul class="rslides" id="slider4">
|
||
<li>
|
||
<img src="./images/slide.jpg" alt="" />
|
||
<div class="caption text-center">
|
||
<div class="slide-text-info">
|
||
<a class="btn1" href="#"><span>欢迎您的到来</span></a>
|
||
<h1>我们是一家<span>数字整合营销</span>公司</h1>
|
||
<div class="slide-text">
|
||
<p>
|
||
我们是一家领先的数字整合营销公司，核心团队成员拥有超过10年的互联网行业经验，且均具备4A广告公司背景。我们深耕策略、创意、内容营销与新媒体等领域，为客户提供创新的数字化解决方案，帮助品牌在快速变化的市场中脱颖而出。
|
||
</p>
|
||
</div>
|
||
<a class="btn2" href="#contact"
|
||
><span>期待我们的合作</span></a
|
||
>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./images/slide.jpg" alt="" />
|
||
<div class="caption text-center">
|
||
<div class="slide-text-info">
|
||
<a class="btn1" href="#"><span>欢迎您的到来</span></a>
|
||
<h1>多领域<span>媒体资源</span>平台</h1>
|
||
<div class="slide-text">
|
||
<p>
|
||
我们致力于为网红与广告主之间建立高效的合作平台，提供定制化的网红整合营销传播方案，帮助品牌提升广告转化率，实现精准营销与广泛覆盖。
|
||
</p>
|
||
</div>
|
||
<a class="btn2" href="#contact"
|
||
><span>期待我们的合作</span></a
|
||
>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<img src="./images/slide.jpg" alt="" />
|
||
<div class="caption text-center">
|
||
<div class="slide-text-info">
|
||
<a class="btn1" href="#"><span>欢迎您的到来</span></a>
|
||
<h1>质量第一<span> 用户至上</span> 长期合作</h1>
|
||
<div class="slide-text">
|
||
<p>
|
||
霍尔果斯飞驰广告传媒公司中本着“质量第一、用户至上、长期合作”原则，为客户提优质的服务。
|
||
</p>
|
||
</div>
|
||
<a class="btn2" href="#contact"
|
||
><span>期待我们的合作</span></a
|
||
>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
<!----- //End-slider---->
|
||
<!----start-services---->
|
||
<div id="ser" class="services">
|
||
<div class="container">
|
||
<div class="services-head text-center">
|
||
<h3>我们的服务</h3>
|
||
<p>
|
||
我们的目标是成为互联网时代的顶尖数字整合营销公司。凭借多年在数字营销领域的深耕与积累，我们对全渠道资源有着深刻的洞察与独到的理解。通过策略、创意、数据与资源整合，推动互动营销创新，引领行业新趋势。
|
||
</p>
|
||
</div>
|
||
<!-----start-services-grids---->
|
||
<div class="services-grids">
|
||
<div class="col-md-4 services-grid">
|
||
<div class="col-md-3 services-grid-left">
|
||
<a class="top-icon1" href="#"><span> </span></a>
|
||
</div>
|
||
<div class="col-md-9 services-grid-right">
|
||
<h4><a href="#">品牌口碑宣传</a></h4>
|
||
<p>
|
||
我们深入理解品牌策略的规划与执行，从品牌定位、数据分析到数字化营销全方位延展。我们通过KV设计、创意开发及VI管理，确保品牌的视觉呈现与市场认知高度一致。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="col-md-4 services-grid">
|
||
<div class="col-md-3 services-grid-left">
|
||
<a class="top-icon2" href="#"><span> </span></a>
|
||
</div>
|
||
<div class="col-md-9 services-grid-right">
|
||
<h4><a href="#">品牌声誉维护</a></h4>
|
||
<p>
|
||
构建全网品牌口碑矩阵，确保品牌声誉在各大平台全面覆盖。通过持续监控与优化，有效提升品牌声誉与市场认知度。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="col-md-4 services-grid">
|
||
<div class="col-md-3 services-grid-left">
|
||
<a class="top-icon3" href="#"><span> </span></a>
|
||
</div>
|
||
<div class="col-md-9 services-grid-right">
|
||
<h4><a href="#">全网SEO优化</a></h4>
|
||
<p>
|
||
提供从策略规划到项目执行的完整SEO优化方案，借助视觉设计与技术手段提升企业网站的可见度与访问量。我们的服务包括网站建设、系统开发、视频制作等，助力客户在网络传播中保持领先地位。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="col-md-4 services-grid">
|
||
<div class="col-md-3 services-grid-left">
|
||
<a class="top-icon4" href="#"><span> </span></a>
|
||
</div>
|
||
<div class="col-md-9 services-grid-right">
|
||
<h4><a href="#">客户关系整合营销服务</a></h4>
|
||
<p>
|
||
基于精准用户画像，提供全生命周期的整合营销服务，帮助企业全面了解客户的需求与行为模式。通过从内容创意到实施的全方位商业生态链，优化客户决策过程，提升品牌忠诚度与用户粘性。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="col-md-4 services-grid">
|
||
<div class="col-md-3 services-grid-left">
|
||
<a class="top-icon5" href="#"><span> </span></a>
|
||
</div>
|
||
<div class="col-md-9 services-grid-right">
|
||
<h4><a href="#">公关传播及视频</a></h4>
|
||
<p>
|
||
专业的PR稿件撰写与发布，网络舆情监测与危机处理。利用大数据分析实时捕捉舆情源，制定应对方案，帮助企业解决危机、树立品牌美誉度。我们的服务还包括商业视频策划、拍摄与制作，以及短视频直播，全方位提升品牌传播力。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="col-md-4 services-grid">
|
||
<div class="col-md-3 services-grid-left">
|
||
<a class="top-icon6" href="#"><span> </span></a>
|
||
</div>
|
||
<div class="col-md-9 services-grid-right">
|
||
<h4><a href="#">多领域媒体资源平台</a></h4>
|
||
<p>
|
||
覆盖国内5000多个具有影响力的媒体资源，包括权威平面媒体、新媒体、行业类媒体与政府资源。我们为客户提供360度社会化媒体发布策略，打造精准的广告投放与公关传播方案。我们还拥有3万名网红资源，覆盖多个行业，如美妆、服饰、美食、母婴等，提供定制化的网红整合营销方案，提升广告转化率。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="about" class="about">
|
||
<div class="container">
|
||
<div class="about-head">
|
||
<h4>关于我们</h4>
|
||
<h5>我们致力于为客户提供优秀创新的内容整合营销专业服务</h5>
|
||
<p>
|
||
我们的目标是成为互联网时代的顶尖数字整合营销公司。凭借多年在数字营销领域的深耕与积累，我们对全渠道资源有着深刻的洞察与独到的理解。通过策略、创意、数据与资源整合，推动互动营销创新，引领行业新趋势。
|
||
</p>
|
||
</div>
|
||
<!----- start-about-grids----->
|
||
<div class="about-grids">
|
||
<div class="col-md-7 about-grid-left">
|
||
<span style="width: 100%;"> </span>
|
||
</div>
|
||
<div class="col-md-5 about-grid-right">
|
||
<h5>我们做什么？</h5>
|
||
<p>
|
||
霍尔果斯飞驰广告传媒有限公司是一家充满活力和创新精神的互联网企业，专注于为客户提供卓越的数字化解决方案。我们秉承以客户为中心的理念，致力于通过创新技术和策略，助力企业实现数字化转型与品牌升级，共同开创更加美好的未来。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
<!----- //End-about-grids----->
|
||
</div>
|
||
</div>
|
||
|
||
<div id="team" class="team">
|
||
<div class="container">
|
||
<div class="team-head text-center">
|
||
<h3>我们的核心成员</h3>
|
||
<p>
|
||
霍尔果斯飞驰广告传媒的核心成员分别在策略、创意，内容营销、新媒体等领域具有丰富的的互联网从业经验。
|
||
</p>
|
||
</div>
|
||
<div class="team-members-grids text-center">
|
||
<div class="col-md-4 team-member-grid">
|
||
<p>
|
||
拥有丰富的大客户管理经验、媒介、渠道合作经验。熟悉社会化媒体、渠道合作管理、网络营销等业务，丰富媒介资源及渠道合作及资源。
|
||
</p>
|
||
</div>
|
||
<div class="col-md-4 team-member-grid">
|
||
<p>
|
||
丰厚的软件的技术研发经验，精通JAVA、PHP等语言,深谙互联网、移动互联网最新技术,五年以上运营商平台架构设计经验。
|
||
</p>
|
||
</div>
|
||
<div class="col-md-4 team-member-grid">
|
||
<p>
|
||
深耕整合营销执行经验，主要服务国内外知名大客户，服务的行业有汽车、快消、软件等。
|
||
</p><br />
|
||
</div>
|
||
<div class="col-md-4 team-member-grid">
|
||
<p>
|
||
业内资深人士，服务过国内外知名大客户，擅长网页、app及平面设计等多领域创意设计，具有参与创意并后期执行的设计经验。
|
||
</p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="news">
|
||
<div class="container">
|
||
<div class="team-head text-center">
|
||
<h3>最新资讯</h3>
|
||
<p style="width:unset;margin-bottom:1rem">
|
||
霍尔果斯飞驰广告有限公司专注于提供从基础到进阶的SEO优化策略、广告投放方案、内容运营实战技巧以及网站转化率提升解决方案。同时，我们也持续分享最新的科技动态、财经洞察、软件评测等多类型优质资讯，助力用户在数字时代高效获取价值信息。
|
||
</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="xznews-container width-1200">
|
||
<div class="xznews-box">
|
||
<div class="xznews-box-f xznews-box-width news-box">
|
||
<div class="xznews-f-pitem">
|
||
{
|
||
data?.slice(0, 2).map((e, index) => (
|
||
<a title={e.title} class="pitem-item" target="_blank" href={`/news/${e.id}`}>
|
||
<div class="item-img-wrapper">
|
||
<Image src={e.cover} alt={e.title} class="item-img" height={100} width={100} />
|
||
</div>
|
||
<div class="item-title">{e.title}</div>
|
||
</a>
|
||
))
|
||
}
|
||
</div>
|
||
{
|
||
data?.slice(2, 3).map((e, index) => (
|
||
<div style="padding:.5rem">
|
||
<a title={e.title} class="xznews-f-fitem" target="_blank" href={`/news/${e.id}`}>
|
||
<Image src={e.cover} alt={e.title} class="f-item-img" height={100} width={100} />
|
||
<div class="fitem-tip">{e.title}</div>
|
||
</a>
|
||
</div>
|
||
))
|
||
}
|
||
</div>
|
||
<div class="xznews-box-s xznews-box-width2 news-box">
|
||
<div class="xznews-s-list spc-list">
|
||
{
|
||
data?.slice(3, 10).map((e, index) => (
|
||
<div class="es">
|
||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||
</div>
|
||
))
|
||
}
|
||
</div>
|
||
<div class="xznews-s-list">
|
||
{
|
||
data?.slice(10, 17).map((e, index) => (
|
||
<div class="es">
|
||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||
</div>
|
||
))
|
||
}
|
||
</div>
|
||
</div>
|
||
<div class="xznews-box-t xznews-box-width3 news-box">
|
||
<div class="t-list">
|
||
{
|
||
data?.slice(18, 20).map((e, index) => (
|
||
<div>
|
||
<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||
<div class="item-img-wrapper">
|
||
<Image src={e.cover} alt={e.title} class="item-img" height={100} width={100} />
|
||
</div>
|
||
<div class="t-item-box">
|
||
<div class="t-item-title">{e.title}</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
))
|
||
}
|
||
{
|
||
guess?.slice(0, 9).map((e, index) => (
|
||
<div>
|
||
<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||
<div class="t-item-tip">{index + 1}. </div>
|
||
<div class="t-item-title es">{e.title}</div>
|
||
</a>
|
||
</div>
|
||
))
|
||
}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</Layout>
|
||
<style>
|
||
.blog-image {
|
||
height: auto;
|
||
aspect-ratio: 16 / 9;
|
||
object-fit: cover;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.news {
|
||
margin-bottom: 2rem;
|
||
h2 {
|
||
font-family: var(--primary-font);
|
||
color: #2b3a66;
|
||
margin: 0;
|
||
}
|
||
|
||
.blog__meta {
|
||
margin-top: .5rem;
|
||
}
|
||
}
|
||
.news-box {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.xznews-box {
|
||
a {
|
||
color: #333333;
|
||
}
|
||
.t-list {
|
||
line-height: 30px;
|
||
}
|
||
|
||
img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.spc-item {
|
||
font-weight: bold;
|
||
}
|
||
.xznews-f-pitem {
|
||
display: grid;
|
||
flex-direction: row;
|
||
grid-template-columns: 1fr 1fr;
|
||
}
|
||
|
||
.pitem-item {
|
||
padding: .5rem;
|
||
}
|
||
|
||
.item-img-wrapper {
|
||
aspect-ratio: 16 / 9;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.item-img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.t-item-spc {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: .5rem;
|
||
}
|
||
|
||
.t-item-box {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.t-item {
|
||
display: flex;
|
||
}
|
||
|
||
.es {
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
display: grid;
|
||
gap:1rem;
|
||
flex-direction: row;
|
||
grid-template-columns: 1.3fr 1fr 1fr;
|
||
}
|
||
|
||
.xznews-box .xznews-box-f .xznews-f-pitem .pitem-item .item-title,.fitem-tip {
|
||
margin-top:.3rem;
|
||
font-size: 16px;
|
||
color: #1A1A1A;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
text-align: center;
|
||
}
|
||
.xznews-box .xznews-box-s .xznews-s-list .s-list-item {
|
||
position: relative;
|
||
/* padding-left: 20px; */
|
||
font-size: 16px;
|
||
color: #333333;
|
||
line-height: 32px;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
/* line-height: 34px; */
|
||
cursor: pointer;
|
||
}
|
||
.xznews-container .xznews-box .xznews-box-s .spc-list {
|
||
border-bottom: 1px dashed #E5E5E5;
|
||
padding-bottom: 10px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.xznews-box .xznews-box-t .t-list .t-item-spc .t-item-box .t-item-title {
|
||
font-size: 14px;
|
||
color: #333333;
|
||
line-height: 21px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
margin-bottom: 5px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
@media screen and (max-width: 768px) {
|
||
.blog {
|
||
padding: 1rem;
|
||
}
|
||
|
||
.xznews-box {
|
||
padding:1rem;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
|
||
</style> |